关闭

QUERY/$.ajax

456人阅读 评论(0) 收藏 举报
分类:

   $.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",

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

                url:url,

                dataType:"html",

                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("结果")}
      });


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:60244次
    • 积分:1039
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:104篇
    • 译文:1篇
    • 评论:3条
    最新评论