现在的位置: 首页 > 综合 > 正文

jquery 的ajax 应用

2017年08月20日 ⁄ 综合 ⁄ 共 1195字 ⁄ 字号 评论关闭

Ajax可以从服务器上取得静态数据,但页面的应用远远不止这些,它的最终体现是在与服务器的动态数据实现人机交互,即客户端传递带有参数的请求,服务器接受后,分析所传递过来的请求,并作出相应的相应,发送数据到客户端。

1、js实现ajax 应用,需要根据浏览器的不同返回不同的变量的实体对象,然后再根据实体对象去调用相应的函数显示数据。

2、jquery中有很多中得到异步数据的,

1) load(url)

2) getJSON()  例子:  getJSON("url",function(data))   $.each(data,function(Index,Info))  data就是获得的数据,然后再通过遍历,得到里面的key/value值,注意json 文件里面的文件格式, [{key1:value1,key2:value2…},{key1:value1,key2:value2}]  

3)getScript()   可以得到js中已经写好的数据,直接getScript("url")即可

4)get(url,data,callback,type)  type可以是 html, xml, js,json,text等,这里用xml 做例子, 获得data之后,要知道xml的规则,  $(data).find("keyname").each(function(){

$(this).fint(keyname).text() //便得到对应的key的value值

})

3、与服务器动态交互

1)在ASP中的页面的交互  $.get("UserInfo.aspx",{namen:encodeURL($("#txtName").val())},function(data){$("#divTip").empty().html(data)})  在asp页面中,就会有具体的info的声明,同时又这个 string strName = System.Web.HttpUtility.UrlDecode(Request["name"]);

2)$.get()$.post(), get方法不易传递数据量大的数据,同时会被存放在缓存里,有安全问题,

3)serialize()  序列化表单,就是当前页面上如何有多个值要传入到服务器上,可以利用这个函数模拟表单提交的过程,在服务器上直接按照字段名取值即可,即将数据序列化所选择的DOM元素,也可以自动解决中文编码的问题,但是有不足,如表单中有很多项被选中,只能传递一项的值。

4)一个更底层的方法 $.ajax([options])  可以有多个参数选择 如: $.ajax({url: "login.html",dataType:"html",success:function(html){},data:{}    })

$.ajaxSetup()可以设置全局的ajax的共同属性,如type:POST,datatype:"html"等

抱歉!评论已关闭.