精华内容
参与话题
问答
  • jQuery 完整 ajax示例

    万次阅读 多人点赞 2019-06-17 18:20:50
    $(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;chars...
        $(function(){
            //请求参数
            var list = {};
            //
            $.ajax({
                //请求方式
                type : "POST",
                //请求的媒体类型
                contentType: "application/json;charset=UTF-8",
                //请求地址
                url : "http://127.0.0.1/admin/list/",
                //数据,json字符串
                data : JSON.stringify(list),
                //请求成功
                success : function(result) {
                    console.log(result);
                },
                //请求失败,包含具体的错误信息
                error : function(e){
                    console.log(e.status);
                    console.log(e.responseText);
                }
            });
        });
    
    展开全文
  • Ajax示例

    2020-05-20 17:10:52
    AJAX基本示例 <script> //setthevariables. functiongetArticle(id){ varlink="/getNews.asp"; xmlhttpPost(link,id); } //Maketheactualconnection. functionxmlhttpPost(strURL,id){ ...

    AJAX基本示例

    
    <script>
    //set the variables.
    function getArticle(id) {
        var link = "/getNews.asp";
        xmlhttpPost(link, id);
    } 
    //Make the actual connection.
    function xmlhttpPost(strURL, id) {
        var xmlHttpReq = false;
        var self = this;
        // Mozilla/Safari
        if (window.XMLHttpRequest) {
            self.xmlHttpReq = new XMLHttpRequest();
        }
        // IE
        else if (window.ActiveXObject) {
            self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        self.xmlHttpReq.open('POST', strURL, true);
        self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        self.xmlHttpReq.onreadystatechange = function() {
            if (self.xmlHttpReq.readyState == 4) { //ready state 4 means its complete.
                updatepage(self.xmlHttpReq.responseText);
            }
        }
        self.xmlHttpReq.send(getquerystring(id));
    } 
    //set the query string to be sent
    function getquerystring(id) {
        qstr = 'data=' + escape(id);  // NOTE: no '?' before querystring
        return qstr;
    } 
    //put the data on the page.
    function updatepage(str) {
        document.getElementById("data").innerHTML = str;
    }
    </script>
    <select onchange="getArticle(this.value);">
    <option value="1">Train hits car</option>
    <option value="2">Airplane Crashes</option>
    <option value="3">Mental Health</option>
    </select>
    <div id="data"></div> 

    现在获取getNews.asp ---不是全部功能的代码,而是一个示例

    
    <%
    news_id = request("id")
    strSQL = "select * from news where news_id = " & new_id
    rs.open strSQL, connection, 1, 1
    if not rs.eof then
    response.write rs("story")
    end if
    %> 

    From: https://bytes.com/topic/javascript/insights/666300-ajax-example

    展开全文
  • ajax示例

    2021-01-08 11:10:54
    记录本人第一次写ajax接口,用循环count来计算总人数,其实可以arr.length。 $(function() { var count=0; //总人数 var count1=0;//请假人数 var count2=0;//迟到人数 var count3=0;//缺席人数 //总人数 $...

    ajax通用格式:
    $(function(){
    //请求参数
    var list = {};
    //
    $.ajax({
    //请求方式
    type : “POST”,
    //请求的媒体类型
    contentType: “application/json;charset=UTF-8”,
    //请求地址
    url : “http://127.0.0.1/admin/list/”,
    //数据,json字符串
    data : JSON.stringify(list),
    //请求成功
    success : function(result) {
    console.log(result);
    },
    //请求失败,包含具体的错误信息
    error : function(e){
    console.log(e.status);
    console.log(e.responseText);
    }
    });
    });
    记录本人第一次写ajax接口,用循环count来计算总人数,其实可以arr.length。以下是示例。
    html:

    <ul id="leftp">
    </ul>
    
    <table class="centerup1">
    	<tr align="middle">
    							<td>
    								<p>迟到人数</p>
    							</td>
    							<td>
    								<p>总人数</p>
    							</td>
    					
    						<tr align="middle" >
    							<td id="span1"></td>
    							<td id="span2"></td>
    					</table>
    					<table class="centerup2" >
    						<tr align="middle">
    							<td>
    								<p>迟到率</p>
    							</td>
    						<tr align="middle">
    							<td id="span4"></td>
    					</table>
    
    $(function() {
    	var count=0; //总人数
    	var count2=0;//迟到人数
    	//总人数
    	$(function() {
    		$.ajax({
    			url: './zongrenshu ',
    			type: 'get',
    			async: true,
    			success: function(res) {
    				$.each(res, function(i, ls) {
    					//获得数据如果string类型,需要 JSON.parse(res),f分解成数组,一行一行。
    					console.log(res)
    					#这里添加一行span
    					html = '<span>' + ls.count + '人' + '</span>';
    					count = ls.count;
    					$('#span2').append(html);
    				})
    			}
    		})
    	})
    			//迟到
    			$(function() {
    				$.ajax({
    					url: './chidao',
    					type: 'get',
    					async: true,
    					success: function(res) {
    						console.log(res)
    						$.each(res, function(i, ls) {
    						#这里是ul列表,添加li,包含图片和名字。
    							html = '<li>' +
    								'<img  src="./static/facelib/' + ls.userphoto + '" />' +
    								'<p> ' + ls.fullname + '</p>' +
    								'</li>';
    							$('#leftp').append(html);
    							count2++;
    						})
    						html2 = '<span>' + count2 + '人' + '</span>';
    						$('#span1').append(html2);
    						//计算迟到率
    						percent1 = (count2 / count)*100;
    						percent1 = percent1.toFixed(1);  #保留一位小数点
    						html3 = '<span>' + percent1 + '%' + '</span>';
    						$('#span4').append(html3);
    
    					}
    				})
    			})
    
    
    展开全文
  • ajax 示例

    2016-04-12 17:40:23
    $.ajax({ //提交数据的类型 POST GET type: "POST", //提交的网址 url: "testLogin.aspx",//'@Url.Action()' //提交的数据 data:

                $.ajax({
                    //提交数据的类型 POST GET
                    type: "POST",
                    //提交的网址
                    url: "testLogin.aspx",//'@Url.Action()'
                    //提交的数据
                    data: { Name: "sanmao", Password: "sanmaoword" },// $('#form').
                    //返回数据的格式
                    datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".
                    //在请求之前调用的函数
                    beforeSend: function () { $("#msg").html("logining"); },
                    //成功返回之后调用的函数             
                    success: function (data) {
                        $("#msg").html(decodeURI(data));
                    },
                    //调用执行后调用的函数
                    complete: function (XMLHttpRequest, textStatus) {
                        alert(XMLHttpRequest.responseText);
                        alert(textStatus);
                        //HideLoading();
                    },
                    //调用出错执行的函数
                    error: function () {
                        //请求出错处理
                    }
                });
    


    
    

    展开全文
  • ajax示例代码

    2018-09-04 17:28:14
    ajax基础示例,后台是Java ,前面是最基础的AJAX示例
  • ajax基础知识,以及其工作原理,还有原生态的ajax示例代码和jQuery的ajax示例代码。
  • ajax 示例_示例网格

    2020-07-14 16:30:58
    ajax 示例As regular readers will know I am something of a fan of the CSS Grid Layout Module and I’ve been writing and speaking about it over the last couple of years. 普通读者会知道我是CSS网格布局...
  • AJAX 示例

    2006-06-30 15:02:00
    http://www.okajax.com/info/example/200605813_5.html 
  • Grails AJAX示例

    2020-03-30 15:58:05
    早期,Grails的新手会遇到缺少该框架附带的工作示例的情况。 示例和文档的好地方包括Grails文档和博客。... 我经历了这个过程,发现其他人可能会从Grails中的一组简短的ajax示例中受益。 我创建了一个小...
  • jquery ajax示例Ajax in Java JSP Servlet based web applications are very common. Recently I have written a lot about jQuery methods and how we can use them. Today we will look into one of the important...
  • jquery ajax示例Here you will get an example of AJAX with JSP using jQuery. 在这里,您将获得一个使用jQuery的带有JSP的AJAX示例。 AJAX is used for sending and receiving data from server without ...
  • jquery ajax示例

    2017-11-06 15:31:00
    jquery ajax示例 $.ajax({ type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据类型 url: "${ctx }...
  • ajax示例 原代码

    2007-06-12 23:22:38
    ajax示例 原代码ajax示例 原代码
  • Spring Boot Ajax示例

    2020-06-04 11:32:04
    使用的工具 : Spring Boot 1.5.1。发布 Spring4.3.6。发布 Maven 3 jQuery的 引导程序3 ... 注意 您可能对这个经典的Spring MVC Ajax示例感兴趣 1.项目结构 标准的Maven项目结构...
  • 下面小编就为大家带来一篇javascript请求servlet实现ajax示例(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • grails_Grails AJAX示例

    2020-04-23 19:05:52
    grails 早期,Grails的新手会遇到缺少该框架附带的工作示例的情况。 示例和文档的好地方包括Grails文档和博客。... 我经历了这个过程,发现其他人可能会从Grails中的一组简短的ajax示例中受益。 我...
  • bootstrap table ajax 示例

    2018-10-16 20:14:04
    使用 maven 创建的 基于 bootstrap table 的示例代码 使用 ajax 后台分页获取查询数据
  • 在介绍AJAX之后 ,下面是...AJAX示例 看一下以下基本结构: Learn more about Einstein 另外,请考虑相关的可视化: 这就是我们想要发生的事情:单击按钮时,将执行AJAX请求。 然后,将显示具有bio ID...
  • 完整的ajax示例 <script> $(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "a...
  • ajax 示例源码 最容易理解,清晰的解析了AJAX的原理
  • jquery ajax示例 我对如何使用Ajax上传图像并显示缩略图有很多要求,所以我决定做一个快速演示来向您展示如何完成。 该脚本简化了通过Ajax上传图像并使用PHP创建缩略图,返回图像源并以上传图像的缩略图的形式显示给...

空空如也

1 2 3 4 5 ... 20
收藏数 6,065
精华内容 2,426
关键字:

ajax示例