Ajax基础

Posted ynhk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax基础相关的知识,希望对你有一定的参考价值。

1.传递单字段拼接 string

@ResponseBody
	@RequestMapping("/deleteBas_vessel")
	public Integer deleteBas_vessel(String list) {
		String[] idsList = list.split(",");

	    List<String> listx = Arrays.asList(idsList);
		try {
			return vesselService.deleteList(listx);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
			return 0;
		}
	}
       var data = {list: "1,2" };
       $.ajax({
           type: "post",//发送方式
           dataType: "json",//接收返回值类型,不必须,依据返回值类型而定
           data: data,//传递数据
           //data: JSON.stringify(data),//传递数据
           url: "http://localhost:8080/eport/remoteEport/deleteEpt_stay2.do",
            //contentType: "application/json;charset=UTF-8",//request的数据类型是json。
           
           success: function (data) {
                alert(data);
            }
       })

2.传递对象拼接string

	@ResponseBody
	@RequestMapping("/updateEpt_scn4")
	public boolean updateEpt_scn4(String list) {
		List<PortDec> jsonToList = JsonTools.jsonToList(list, PortDec.class);
		try {
			return portDecService.updateEpt_scn(jsonToList);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
			return false;
		}
	}
  var list = [{ "id": 25, "scn": "123" }, { "id": 26, "scn": "223" }];
        $.ajax({
           type: "post",//发送方式
           dataType: "json",//接收返回值类型,不必须,依据返回值类型而定
           data: {list:JSON.stringify(list)},//传递数据
           url: "http://localhost:8080/eport/remoteEport/updateEpt_scn4.do",
           success: function (data) {
                alert(data);
            }
       })

 

以上是关于Ajax基础的主要内容,如果未能解决你的问题,请参考以下文章

AJAX相关JS代码片段和部分浏览器模型

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

[vscode]--HTML代码片段(基础版,reactvuejquery)