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

  （3）一些手持设备（如手机、PDA等）现在还不能很好的支持ajax