AJAX jquery简化ajax(工作重点)

简洁方式完成ajax任务——jquery

#jquery方法:功能:发送一个ajax请求(php与html不需要修改响应头)
#url 请求地址
#function(data){} 回调函数–>当请求结束后自动调用函数
#data 服务器端的响应主体

$.get(url,function(data){});

我是图片

总结
1:创建库
2:创建php{}
3:执行php{地址栏输入回车}
4:书写html $.get

2、理论

get发送的数据,中文有可能会出现乱码,但是最新版本的浏览器可以直接编译
jquery解决方案
1
$.get();         $.post();        $.ajax();        $(选择器).load();    $.getScript();              $.getJSON();
$.post();含义:发送一个ajax post请求,并在请求主体中提交请求数据,如果服务器返回数据
在回调函数中接收
语法:$.post(url,data,fn);
$.post(‘3.php’,’age=19&id=3’,fn);
$.post(‘3.php’,{age:19,id:3},fn);

我是图片
我是图片

$.ajax(); (重点)

万能的ajax函数,提供非常多的可选项,可以处理各种情况 . 前面函数都是$.ajax()简化版本

标准语法

1
2
3
4
5
6
7
8
9
10
$.ajax({
type:'GET', /POST/PUT/DELETE/HEAD
url:'x.php',
data:'k=v&k=v', //提交服务器的请求数据
beforeSend:fn, //请求消息发送之前回调函数
success:fn, //响应完成且成功回调
error:fn, //响应完成但有问题回调
complete:fn //响应完成后回调
//(无论成功失败都调用)
});

我是图片

文章作者: Coio
文章链接: http://yoursite.com/2018/07/07/AJAX jquery简化ajax(工作重点)/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Coio
打赏
  • 微信
  • 支付寶