ExtJs和JQuery框架,确实都是很不错的JS框架,个人倾向于JQuery。ExtJs是构建RIA的不错的解决方案之一,它更专业于企业级客户端的UI设计,以及构建与后台无关的Ajax应用。而JQuery则更简单易用,它是轻量级的JS库,JS库压缩得非常小,快速、简洁,写更少的代码,做更多的事情,适合非专业客户端程序员做一般的前端开发。
JQuery的.ajax()方法是JQuery的核心方法,方法.load()、.get()、.post()及.getScript()对.ajax()进行了简单的封装。
1、JQuery.ajax(options):通过Http请求加载远程数据:
$.ajax({
type: "post", //请求方法,默认为get
url: "putCart", //发送请求地址
data:{"product":$("#product").val(), "amount": $("#amount").val()}, //发送到服务器的数据
timeout:1000, //请求超时时间,单位毫秒
async:true, //是否为异步请求,默认值为true,即异步请求
cache:true, //是否从浏览器缓存中加载请求信息,默认为true,即从缓存中加载
datatype:html, //预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回responseXML或responseText,并作为回调函数参数传递,可用值:xml,html,json,script,jsonp
complete:function(xmlHttpRequest,textStatus){
//无论请求成功或失败,请求后都会执行的回调函数
alert(xmlHttpRequest);
},
success: function(data, textStatus){
//请求成功后回调函数
$("#div1").empty();
$("#div1").append(data);
},
error: function(){ //请求失败或回调函数
alert("数据库连接异常");
}
});
2.JQuery.load() 载入远程 HTML 文件代码并插入至 DOM 中
$.load({url,[data],[callbackfunction(responseText, textStatus, XMLHttpRequest)]): });
3.JQuery.get():使用GET方式来进行异步请求
$.get(url,[data],[callbackfunction(responseText, textStatus)]):
4.JQuery.post():使用POST方式来进行异步请求
$.post(url,[data],[callbackfunction(responseText, textStatus)],[type]):
// responsetText可以是 xmlDoc, jsonObj, html, text
//请求状态:success,error
5. jQuery.getScript():通过 GET 方式请求载入并执行一个 JavaScript 文件
$.getScript(url, [callback] ) :