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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值