jQuery Ajax（）方法使用指南

jQuery提供了简单而强大的选择器功能，同时对Ajax操作也给出了很好的支持。在Ajax方面，jQuery除了提供底层的jQuery.ajax（）方法外，也提供了下面的简单方法：
（1）       jQuery.get（url, [data], [callback], [type]）
（2）       jQuery.getJSON（url, [data], [callback]）
（3）       jQuery.getScript（url, [callback]）
（4）       jQuery.post（url, [data], [callback], [type]）
由于jQuery.ajax（）功能比较强大，可配置的参数比较多，现在主要对这个方法的注意事项进行总结。
1.       jQuery.ajax（）默认是以异步的方式请求的，如果需要同步，使用参数async为false。因为有些应用必须同步请求数据的。例如，某些Flash与JS交互应用中，请求一个JS函数需要马上得到返回数据。此时，必须采用同步的Ajax调用方式。
2.       Ajax如果是Get请求，返回的数据一般会被浏览器缓存，如果不想被缓存，可以设置cache参数为false；或者发送请求是带上时间戳，这样浏览器会认为是新的请求，而重新从服务器加载数据。当然，如果是POST发送的请求则不会被缓存。
3.       dataType：预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:
（1）"xml": 返回 XML 文档，可用 jQuery 处理。
（2）"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。
（3）"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。"""注意："""在远程请求时（不在同一个域下），所有POST请求都将转为GET请求。（因为将使用DOM的script标签来加载）
（4）"json": 返回 JSON 数据。
（5）"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
（6）"text": 返回纯文本字符串
         其中，"script"、"json"设置可以解决Ajax的跨域问题。
4.       如果服务器返回的一个字符串或数值，则使用普通的ajax调用即可。
如果服务器返回的是一个JSON对象，那么最好采用jQuery.getJSON的方式，或者设置dataType=json。因为浏览器解析JSON对象需要时间，直接返回JSON对象，节省解析时间，可以避免在服务器明明有返回数据，但是浏览器得不到的错误。
5. Ajax调用是需要时间的，所以一般将Ajax调用后的处理代码全部放在回调方法中。不能采用这样的处理方式：
复制代码代码如下:
function getMyPrizeList（）{
    if（isNotEmpty（uid））{
        var obj=new Object（）;
        try{
          jQuery.ajax（{type:"GET",url:"someurl",async:false,cache:false,dataType:"script",scriptCharset:"gbk",success:function（json）{
                     obj=json;
                  }
              }）;
           }catch（e）{}
           obj=eval（"（"+obj+"）"）;
           //alert（obj）;
           var str="";
           for（var i in obj）
           {
               str+="<tr>"+"<th>"+prizearray[obj[i].prizeno]+"</th>"
               str+="<td>"+"CD-KEY："+obj[i].cdkey+"</td>"
               str+="<td>"+"期限："+obj[i].expiratedate+"前"+"</td></tr>";
           }
           jQuery（"#prizelist"）.append（str）;
        }
}

而必须这样处理：即将处理代码放到success函数里面！
复制代码代码如下:
function getMyPrizeList（）{
    if（isNotEmpty（uid））{
        var obj=new Array（）;
        try{
                  jQuery.ajax（{type:"GET",url:"someurl",
                               cache:false,
                               dataType:"script",
                               scriptCharset:"gbk",
                               success:function（json）{
                                 try{
                                      obj=result;
                                }catch（e）{}
                                jQuery（"#prizelist"）.html（""）;
                                var str="";
                                for（var i=0;i<obj.length;i++ ）{
                                    str+="<tr><th>"+prizearray[obj[i].prizeno]+"</th>";
                                    str+="<td>CD-KEY："+obj[i].cdkey+"</td>";
                                    str+="<td>期限："+obj[i].expiratedate+"前</td></tr>";
                                }
                                jQuery（"#prizelist"）.append（str）;
                               }
                   }）;
           }catch（e）{}
        }
}

6. jQuery.getJSON实例：
复制代码代码如下:
//内部函数，实现债务人详细信息的载入、设置值
    function innerShowDetail（） {
       // 获得JSON格式的数据
       $.getJSON（"load.do",{id : userId}, function（json） {
           // 根据key设置value
           for （key in json） {
              if（key == "id"）{
                  $（"#detailDiv #" + key）.val（json[key]）;
              } else {
                  if（json[key] == ""）{
                     // 没有值设置为空
                     $（"#detailDiv #" + key）.html（" "）;
                  } else if（key == "sex"）{
                     $（"#detailDiv #" + key）.html（json[key] == "0" ? "女" : "男"）;
                  } else if（key == "group"）{
                     if（json[key] ！= null） {
                         $（"#detailDiv #" + key）.html（json[key]["groupName"]）;
                     }
                  } else {
                     $（"#detailDiv #" + key）.html（json[key]）;
                  }
              }
           }
           //设置对话框标题和内容
           $（"#detailDiv"）.removeAttr（"class"）;
           dialog.setTitle（"查看人员[" + json["userName"] + "]详细资料"）;
           dialog.setContent（$（"#detailDiv"）.html（））;
       }）;
    }