JQuery封装ajax的方法

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注入攻击

JQuery封装ajax的方法

猜你喜欢