Jquery -- ajax使用和 json处理

最新推荐文章于 2024-08-01 15:56:04 发布

jacky__bj

最新推荐文章于 2024-08-01 15:56:04 发布

阅读量311

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/baojie1022/article/details/47450821

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、ajax的使用

1、AJAX提交form表单

$('#formID').submit(function() {
    var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";       
    alert($('#formID').serialize());
        $.ajax({
            type: "POST",
            dataType: "html",
            url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),
            data: $('#formAddHandlingFee').serialize(),// {"a":"aa","b":"相对应的值"}
            success: function (data) { // 成功之后调用，data为返回数据
                var strresult=data;
                alert(strresult);
                //加载最大可退金额
                $("#spanMaxAmount").html(strresult);
            },
            error: function(data) {// 失败之后调用
                alert("error:"+data.responseText);
             }  
         });
});

2、AJAX访问后台

$.ajax({
          type: "POST",
          url: '${ctx}/push/getApp.do',
          data: { //发送给数据库的数据
              idKey:"value"
              },
          dataType: 'json',
          success: function(data) {
               $("#application").empty(); 
              $.each(data.tasks, function(index,item){
                   $("#application").append("<option value="+item.appId+">"+item.applicationName+"</option>");
               });
           }
     });