jquery ajax

    function testajax(){
       $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"testLogin.aspx",
            //提交的数据
            data:{Name:"sanmao",Password:"sanmaoword"},
//使用同步的方式,true为异步方式 默认true
async:false,
//返回数据的格式 datatype: "html",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){$("#msg").html("logining");}, //成功返回之后调用的函数 success:function(data){ $("#msg").html(decodeURI(data)); } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ alert(XMLHttpRequest.responseText); alert(textStatus); //HideLoading(); }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }

 

1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。

  url (String) : 请求的HTML页的URL地址。

  data (Map) : (可选参数) 发送至服务器的 key/value 数据。

  callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。

       方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。这个方法可以很方便的动态加载一些HTML文件,例如表单

$(".ajax.load").load("url",function(responseText, textStatus, XMLHttpRequest){
	this;//在这里this指向的是当前的DOM对象,即$(".ajax.load")[0] 
	//alert(responseText);//请求返回的内容
	//alert(textStatus);//请求状态:success,error
	//alert(XMLHttpRequest);//XMLHttpRequest对象
});

  

2. jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求

        url (String) :  发送请求的URL地址.

  data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。

  callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

$.get("url", {Code:"A001",Name:"张三"}, function (data, textStatus){
    alert(data);
    //alert(textStatus);//请求状态:success,error等等。
    //alert(this);
});

3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

  url (String) : 发送请求的URL地址.

  data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。

  callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

  type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

$.post("url", {Code:"A001",Name:"张三"}, function (data, textStatus){
    alert(data);
    //alert(textStatus);//请求状态:success,error等等。
    //alert(this);
});

4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件

  url (String) : 待载入 JS 文件地址。

  callback (Function) : (可选) 成功载入后回调函数。

jQuery 1.2 版本之前,getScript 只能调用同域 JS 文件。 1.2中,您可以跨域调用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本,请加入延时函数。
这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件.下面看一些示例代码:
加载并执行 jquery.js。

$.getScript("jquery.js", function(){
    alert("加载成功");
});

5.jQuery.ajaxSetup( options ) : 设置全局 AJAX 默认选项。

设置 AJAX 请求默认地址为 "url",禁止触发全局 AJAX 事件,用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。

$.ajaxSetup({
    url: "url",
    global: false,
    type: "post"
});

$.ajax({ data: data });

 

posted @ 2018-08-10 13:54  杜子烟  阅读(145)  评论(0编辑  收藏  举报