使用ajax提交数据的几种方式

时间:2025-02-28 18:19:22

一、形式传参

js代码
$.ajax({
       url: Path + "/addOrgUpdate",
       //为一个对象
       data: (),
       type: "post",
       contentType: "application/json", //必须有
       dataType: "json", //表示返回值类型,不必须
       success: function (data) {
           if ( === 0) {
               ("信息保存成功!");
               (location);
               ('dialog');
               $("#button2").show();
               $("#button1").hide();
           } else {
               ();
           }
       }
})
Controller代码
    @RequestMapping(value = "/addOrgUpdate", method = )
    @ResponseBody
    public AjaxCommonObject add(@RequestBody OrgSurvey dto,
                                HttpSession session) {
            AjaxCommonObject ajaxCommonObject = new AjaxCommonObject();
    		、、、
    		、、、
    		、、、
    		return ajaxCommonObject;
    }

二、post请求方式提交

js代码
//提交信息
 $.ajax({
       url: Path + "/auditOrgInfo",
       data: {"orgId": orgId, 
       		  "result": result, 
       		  "failReason": failReason},
       type: "post",
       dataType: "json", //表示返回值类型,不必须
       success: function (data) {
           if ( === 0) {
               ("审核通过!");
               ();
               ();
           } else {
               ("提交失败!" +  + "!");
           }
       }
   });
Controller代码
@RequestMapping(value = "auditOrgInfo")
@ResponseBody
 public AjaxCommonObject auditOrgInfo(@RequestParam(required = true) String orgId,
                                      @RequestParam(required = true) String result,
                                      @RequestParam(required = false) String failReason,
                                      HttpSession session) {
           AjaxCommonObject ajaxCommonObject = new AjaxCommonObject();
	       、、、
	       、、、
	       、、、
	       return ajaxCommonObject;
 }

三、@PathVariable用法

使用@PathVariable接收参数,参数值需要在url进行占位,前端传参的URL:

js代码
url = “${ctx}/edit/${Id}/${name}”
Controller代码
@RequestMapping("/edit/{id}/{name}")
public String edit(Model model, @PathVariable long id,@PathVariable String name) {       
    return page("edit");
}

前端传参的URL于后端@RequestMapping的URL必须相同且参数位置一一对应,否则前端会找不到后端地址

其他示例:
js代码:

    var CityGradeStatistic = {
        id: "CityGradeStatisticId"
    }
     = function () {
        return [       
            {title: '操作', field: 'operate', align: 'center', formatter: , width: '10%'}
        ];
    }
    
    //操作
     = function(value, row, index) {
        return '<button type="button"  "(\'' +  + '\',\'' +  + '\',\'' +  + '\',\'' +  + '\',\'' +  + '\')" class="btn btn-xs btn-primary" ' +
            'style="margin-right:5px;"><i class="fa fa-search"></i>详情</button>';
    }
    
    //打开详情页
     = function(evaluationDestId,city,grade,gradeCount,orgName) {
        $('#evaluationDestId').val(evaluationDestId);
        var index = ({
            type: 2,
            title: '验收单位扣分详情',
            content:  + '/unite_grade/unite_grade_statistic_detail/' + city + '/' + grade + '/' + gradeCount + '/' + orgName,
            area: ['1000px', '500px'],
            maxmin: true
        });
         = index;
        (index);
    }

controller代码:

    /**
     * 跳转到详情页
     */
    @RequestMapping("/unite_grade_statistic_detail/{city}/{grade}/{gradeCount}/{orgName}")
    public String uniteGradeStatisticDetail(@PathVariable String city,
                                             @PathVariable int grade,
                                             @PathVariable int gradeCount,
                                             @PathVariable String orgName,
                                             Model model) {
        ("city",city);
        ("grade",grade);
        ("gradeCount",gradeCount);
        ("orgName",orgName);
        return "statistics/unite_grade_statistic_detail";
    }

四、get请求方式

js代码:
 $.ajax({
        url: Path + "/final_file",
        type: "GET",
        cache: false,
        data: {
            serialNo: serialNo,
            orgId: orgId
        },
        dataType: "json", //表示返回值类型,不必须
        success: function (data) {
      			、、、
      			、、、
      			、、、
        }
    });
Controller代码:
@RequestMapping(value = "/final_file", method = )
@ResponseBody
public AjaxCommonObject getDirectorFile(@RequestParam("serialNo") String serialNo,
                                        @RequestParam("orgId") Integer orgId) {
    AjaxCommonObject ajaxCommonObject = new AjaxCommonObject();
   		、、、
   		、、、
   		、、、
    return ajaxCommonObject;
}

}