jquery 的 ajax 程序 简单的

《jquery 的 ajax 程序 简单的》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、jquery的ajax程序简单的了解ajax，json，ashx,例子是一个当你用户名输入用户名，请求页面进行比对处理例子很简单但是让初学者可以更好的理解query中的ajaxJavascript：Javascript代码 ·  ·  ·function alertMsg()  ·{  ·    var user={"id":"","pwd":""};  ·    user.id= $

2、("input:text").val();  ·    user.pwd=$("input:password").val();          ·    $.ajax({  ·            url: "HandleAjax.ashx",//这里的请求页面建议大家使用ashx 一般处理程序 相当于一个轻量级的aspx 这里的对数据的处理没有必要那么大费周折的使用aspx,也算是对性能做了一点点小贡献吧  ·                data: "user="+user.id,  ·                datatype: "json",//请求页面

3、返回的数据类型  ·                type: "GET",  ·                contentType: "application/json",//注意请求页面的contentType 要于此处保持一致  ·                success:function(data) {//这里的data是由请求页面返回的数据  ·                    alert(data.result);  ·                },  ·                error: function(XMLHttpRequ

4、est, textStatus, errorThrown) {  ·                    alert("XMLHttpRequest");  ·                    }  ·            });  ·  ·}  functionalertMsg(){varuser={"id":"","pwd":""};user.id=$("input:text"

5、).val();user.pwd=$("input:password").val();$.ajax({url:"HandleAjax.ashx",//这里的请求页面建议大家使用ashx一般处理程序相当于一个轻量级的aspx这里的对数据的处理没有必要那么大费周折的使用aspx,也算是对性能做了一点点小贡献吧data:"user="+user.id,datatype:"json",//请求页面返回的数据类型type:"GET",contentType:"application/json",//注意请求页面的contentType要于此处保持一致success:function(

6、data){//这里的data是由请求页面返回的数据alert(data.result);},error:function(XMLHttpRequest,textStatus,errorThrown){alert("XMLHttpRequest");}});}Html：Html代码 ·  ·    用户名：  ·    密码：  ·      ·  ·    

7、type="button" name="sub" value="submit" onclick="alertMsg();" />  ·  用户名：密码：请求页面ashxC#代