当前位置:编程学习 > JAVA >>

jQuery ajax应用

Ajax的优势:
1,宗旨:按需请求数据  减轻服务器的带宽,
2,无刷新请求,提高web性能,例如表单验证:
 
 
1,jQuery的ajax操作
jQuery封装ajax操作,通常有这几种方式:
jQuery.ajax()
$.get()
$.post()
 
Load()
 
(1)load()  请求的是一个静态数据文件
1,url,ajax请求的地址
2,data   请求时携带的数据(如果数据是一个集合,通过{}格式传递)
3,回调函数   (ajax请求成功后,执行的函数)
回调函数的参数:1,ajax返回的数据;2,ajax请求的状态;3,XMLHttpRequest对象
 
 
1,load()请求的是静态数据文件
2,哪个元素对象调用load()方法,ajax请求的结果就会显示到哪个元素上
 
如何筛选出我们需要的数据
通过在url参数上传递一个选择器
Load(url 选择器)
我现在需要评论的内容,不需要姓名
 
 
 
$.get()方式发送请求:
客户端通过get方式向服务器发送ajax请求
$.get(url,data,callback )
 
一句话概括jQuery:
jQuery是一个封装好的javascript库,他凭借简洁的语法以及完善的浏览器兼容性,再加上强大的选择器,DOM操作,ajax操作,极大的节省了javascript开发人员的经理
一句话概括ajax:
Ajax,是javascript通过操作XMLHttpRequest对象来完成http请求的过程
 
 
服务器端给客户端返回的数据类型:
1,HTML代码片段(字符串)
 
 
 
 
 
2,json:json_encode() 当我们需要返回集合类的数据的时候
3,xml:header(“”)
 
Text()-------文本节点的内容  <p>hello</p> 标签内的内容
 
Html()----html标签以及内容 <p>hello</p>
 
 
$.ajax()封装ajax请求
但是只有一个参数,那么肯定是json格式的参数
 
 
1,请求的地址  url
2,请求的方式  type
3,希望服务器返回的数据格式
4,携带的数据 data
5,是否异步请求
6,是否缓存数据
7,成功后的回调函数
8,失败后的回调函数
 
 
 
Jquery ajax 得到返回值
1.ajax默认是异步调用的,所以得到的返回值是空值,要得到值必须改成同步:async: false,//同步。
2.必须定义一个全局变量 var result = ""来保存返回值。否则得到的是undefined
 
function GetReturnValue(url, jsonText) {  
           var result = "";  
           $.ajax({  
               type: "POST",  
               url: url,  
               data: jsonText,  
               contentType: "application/json;charset=utf-8",  
               dataType: "json",  
               async: false,//同步  
               success: function (json) {  
                   result = eval('(' + json.d + ')');  
               }, failure: function () {  
                   result = "";  
               }  
           })  
           return result;  
       }  

 

 
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,