JQuery封装ajax的方法

时间:2022-03-31 13:34:15
1.$.post方法
$.post(url[,data][,callback][,type])
url:请求的后台程序地址
data:发送到后台的数据
callback:载入成功时回调函数,该函数参数是从后台程序接收的结果
type:返回数据的类型
示例: $.post( 
'getContent.php',
{id:101},
function(msg){alert (msg)}, 
'json' 
)
2.$.get方法
$.get(url[,data][,callback][,type])
$.get(
'getContent.php',
{id:101,'_':Date.parse(new Date())}, 
function(msg){alert (msg)}, 
'json'
)
3.$.ajax方法
$.ajax({ url,type,cache,data,dataType,success,error,contentType,processData[,其他可选参数] });
$.ajax({
    url:'upimg.php',
    type:'post',//FormData只能使用post方式
    data:fd,
    contentType:false,//DOM形式发送数据使用false
    processData:false,//DOM形式发送数据使用false
    dataType:'json',
    success:function(msg){
        alert(msg);
        }
    })
  • ajax的原理,流程,优缺点
  •       原理:
  •            ajax:  ajax是一种提供动态交互的网页开发技术,
  •            通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面
  •      流程:
  •         (1)创建对象
  •         (2)和服务器建立连接
  •         (3)发送数据
  •         (4)服务器响应客户端的请求,并将处理结果返回为客户端
  •      优点:
  •          (1)页面无刷新,在页面内与服务器通信,用户的体验非常好。
  •   (2)使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
  •   (3)ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
  •        (可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本,减轻服务器的负担。)
 
缺点:
  (1)破坏了浏览器后退机制,可以通过IFRAME来重现页面上的变更,但是成本较高,与它所要求的快速开发是相背离。
  (2)安全问题:暴露比以前更多的数据和服务器逻辑,容易受到跨站点脚步攻击、SQL注入攻击
  (3)一些手持设备(如手机、PDA等)现在还不能很好的支持ajax