QUERY/$.ajax

前端之家收集整理的这篇文章主要介绍了QUERY/$.ajax前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

$.ajax的一般格式

  $.ajax({

  type: 'POST',

  url: url,

  data: data,

  success: success,

  dataType: dataType

  });


  $.ajax的参数描述

  url 必需。规定把请求发送到哪个 URL.

  data 可选。映射或字符串值。规定连同请求发送到服务器的数据。

  success(data,textStatus,jqXHR) 可选。请求成功时执行的回调函数

  dataType 可选。规定预期的服务器响应的数据类型。

  默认执行智能判断(xml、json、script 或 html)。


  $.ajax需要注意的一些地方:

  1.data主要方式有三种

html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit(?)


  $.ajax我的实际应用例子

data用form形式传过去

function pageLoad(url){

$.ajax({

type:"POST",

contentType:"application/x-www-form-urlencoded; charset=UTF-8",

url:url,

dataType:"html",

data:$("form").serialize(),

success:function(list){

$('#article').empty().append(list);

}

});

}

data用自己定义的形式传过去

var data = {

typecode : "textajax"

,codetype: jQuery("#codetype").val()

,odertype: jQuery("#odertype").val()

,scale : selectedvalue

,contentscd : jQuery("#contentscd").val()

,gubun : jQuery("#gubun").val()

,searchtxt: escape(jQuery("#searchtxt").val())

,curPage : 1

};

function pageLoad(url){

$.ajax({

type:"POST",

data:data,

success:function(list){

$('#article').empty().append(list);

}

});

}

基本形式

var url = "${f:url('/master/line/doLine')}";

var data = {
typecode : "textajax"
,scale : selectedvalue
,searchtxt: escape(jQuery("#searchtxt").val())
,curPage : 1
};

jQuery.ajax({
type:"POST",
contentType:"application/x-www-form-urlencoded; charset=UTF-8",
url:url, dataType:"html",data:$("form").serialize(),success:function(list){ alert("结果")} });

猜你在找的Ajax相关文章