精华内容
下载资源
问答
  • jquery ajax传参

    千次阅读 2018-12-23 15:29:59
    一.rest风格传参在路径上增加参数 html代码 $.ajax({ type: 'put', url: '/update'+updateId, // updateId是自定义id dataType : 'json', success: function (result) { // 回调函数 } }) 后...

    一.rest风格传参在路径上增加参数
    html代码

    $.ajax({
          type: 'put',
           url: '/update'+updateId,	// updateId是自定义id
           dataType : 'json',
           success: function (result) {  
          	// 回调函数
           }
       })
    

    后台接收

    @ResponseBody
    @PutMapping("/update/{updateId}")
    private String Test(@PathVariable String updateId){
    	System.out.println(updateId);
    	return null;
    }
    

    二. 路径上使用?和&来传参
    html代码

    $.ajax({
         type: 'put',
          url: '/up?id='+1+'&updateId='+2,	// id和updateId是自定义的值 
          dataType : 'json',
          success: function (result) {  
         	// 回调函数
          }
      })
    

    后台接收

    @ResponseBody
    @PutMapping("/up")
    private String Test(@Param("id") String id,@Param("updateId") String updateId){
    	System.out.println(updateId);
    	System.out.println(id);
    	return null;
    }
    

    三.使用data属性传参数
    html代码

    var id = "1";
    var name = "张三";
    $.ajax({
    		type:'put',				// 请求方式
    		url:'/move			// 路径
    		dataType:'json',		// 这里是指定了参数的类型
    		data:{ 'id': id , 'name':name},
    		success: function (result) {  
    			// 回调函数
          		}
    }) 
    

    后台接收

    @ResponseBody
    @PutMapping("/move")
    private String Test(String id,String name){
    	System.out.println(name);
    	System.out.println(id);
    	return null;
    }
    

    四.传递form表单
    html代码,建立一个form表单

    <!-- onsubmit="return false":防止表单自己提交 -->
    <form id="fm" onsubmit="return false">
    	请输入名字:<input name="name" value="张三"/>
    	请输入id:<input name="id" value="2"/>
    	<button href="javascript:void(0)" id="tijiao" >提交</button>
    </form>
    

    ajax代码:

    $("#tijiao").click(function(){
    	$.ajax({
    		type:'put',
    		url:'/form',
    		dataType:'json',
    		data:$('#fm').serialize(),		//根据表单里面的name属性传参数
    		success: function (result) {  
    			// 回调函数
          		}
    	}) 
    })
    

    后台接收1

    @ResponseBody
    @PutMapping("/form")
    private String Test(String id,String name){	// 这里的id和name对应着表单里面的name属性
    	System.out.println(name);
    	System.out.println(id);
    	return null;
    }
    

    后台接收2

    // 推荐
    @ResponseBody
    @PutMapping("/form")
    private String Test(TreeData treeData){
    	System.out.println(treeData);
    	return null;
    }
    

    TreeData实体类

    @Data
    public class TreeData {
    	private int id;			// 里面有表单对应的id属性,所以拿实体类接收,这个id字段可以接收表单传过来的id值
    	private String region;
    	private int _parentId;
    	private int sortNumber;
    	private String text;
    	private List children;
    	private String state;
    	private String iconCls;
    	private String name;		// 和上面一样
    }
    

    五.ajax传一个数组
    html代码

    var ids = [];
      	for(var i=0; i<10; i++){
      		ids[i] = i;
      	}
    $.ajax({
    	type:'put',
    	url:'/array',
    	dataType:'json',
    	data:JSON.stringify(ids),
    	contentType:"application/json",
    	success: function (result) {  
    		// 回调函数
         		}
    }) 
    

    后台接收

    @ResponseBody
    @PutMapping("/array")
    private String Test( @RequestBody List<String> ids){
    	System.out.println(ids);
    	return null;
    }
    

    六.传一个对象数组
    html代码

    var list = [];
    var obj = {"id":1,"name":"张三"};
    var obj1 = {"id":2,"name":"李四"};
    list.push(obj);
    list.push(obj1);
    console.log(list);
    $.ajax({
    	type:'put',
    	url:'/array',
    	dataType:'json',
    	data:JSON.stringify(list),
    	contentType:"application/json",
    	success: function (result) {  
    		// 回调函数
         		}
    }) 
    

    后台接收

    // 这里有个坑,get请是接收不了的
    @ResponseBody
    @PutMapping("/array")
    private String Test( @RequestBody List<Map<String, String>> list){
    	System.out.println(list);
    	return null;
    }
    
    展开全文
  • 前台ajax传参,后台接收参数的几种方式
    展开全文
  • 以往写的ajax传参方式 $.ajax({ url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", type : "post", dataType : "json", data: {beginsectionid:function(){ return $('#number option:...
  • ajax传参中文乱码

    千次阅读 2017-08-13 16:08:26
    jsp页面 $.ajax({  url: "@{AdminT.addpartner()}",  type: "POST",  dataType:"html/text",  data: "id="+target+"&name="+encodeURI(encodeU

    jsp页面

    $.ajax({
                     url: "@{AdminT.addpartner()}",
                     type: "POST",
                     dataType:"html/text",
                     data: "id="+target+"&name="+encodeURI(encodeURI(name))+"&name1="+encodeURI(encodeURI(name1)), 
                     success: function(data){
                        if(data != null||data!=""){
                          alert("设置成功,合伙人ID为:"+data);
                          $("#add-data").modal("hide");
           dataTables.ajax.reload();
           window.location.href="/admint/firstPartnerList"
                         }else{
                          $.alert({
            title: '提示',
               content: '<p class="text-center text-danger"> 哎,出问题了!</p>',
                     animation: 'scaleY',
                     columnClass: 'col-xs-4'
                 });
                         }
                     },


    后台

    String type=URLDecoder.decode(name, "UTF-8");  //将获取的数据进行转码
    String manager=URLDecoder.decode(name1, "UTF-8");

    展开全文
  • 主要介绍了JFINAL+Ajax传参 array 数组方法 获取request中数组操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 方法一: js: //对某个中文参数进行编码: window.document.location=&quot;searchbytext.action?searchtext=&quot;+encodeURIComponent(encodeURIComponent(seartext)); ...searchtext=java.net.URLDecoder....
    方法一:
    js:
    //对某个中文参数进行编码:
    window.document.location="searchbytext.action?searchtext="+encodeURIComponent(encodeURIComponent(seartext));
    java:
    searchtext=java.net.URLDecoder.decode(searchtext,"UTF-8"); //需要处理异常
    
    方法二:
    在JS里对中文参数进行两次转码  对整个url进行编码
    url = encodeURI(encodeURI(url)); 
    java:
    loginName = java.net.URLDecoder.decode(loginName,"UTF-8"); 
    
    方法三:
    java:
    HttpClient 编码转换:
    String ordername = new String(workOrder.getWorkordername().getBytes("ISO-8859-1"), "UTF-8");  
    
    展开全文
  • 这是js 这是html 后端是ado.net 直连数据库 数据库为mysql
  • ajax传参常见形式

    2018-01-03 19:23:00
    目标:ajax发送请求传参的常见方式说明:归纳了常见且简单的书写方式、排除原始js使用"+"拼接的方式种类:2+1 实例方式一:使用对象形式{}使用场景:所有js形式:data:{uname:"tom",relation:"brother"} ajax({ ...
  • 前段时间再做航天云网设备数据上传的时候,发现在用ajax向后台发数据时,控制台提示数据上传失败,最后发现是设备编号里面包含了+这类的特殊字符,后台服务器将+识别成了其他的字符,也就是特殊字符服务器不能解析。...
  • 之前看公司的代码,从页面ajax传参数到接口类,接口类用一个实体接收。我一直以为c#会自动识别,赋值到同名的字段。我曾和朋友讨论过,双方辩论。朋友认为c#没有这种功能,没有这样高级匹配的机制。而我因为在项目中...
  • $.ajax({ type: 'post', url: 'aaa/bbb.do', contentType: 'application/json;charset=utf-8', data: '{"name": "uname", "age": 18}', success: function (data) { //返回json结果 alert(data); } }); ...
  • 第一种:POST方式传参使用POST传参说明:使用post传参时,要用‘,’后面写参数,当使用ajax函数时,传参的方式是用对象的方式,如上第二种方式:GET传参GET传参的使用说明:使用get传参时,要用‘?’后面写参数,...
  • Ajax传参失败

    2018-10-31 13:15:24
    Ajax传参数失败,后台接收不到。 原因:参数含有特殊字符,比如" / "之类的。 解决办法:传参的时候进行编码,加上encodeURI() 例: data: { path:encodeURI(path) }...
  • mui ajax传参示例

    2019-10-08 15:41:12
    mui.ajax('/api/Cart/addCartDesc', { data: { 'type':0, 'page':1, 'size':1, 'examine':'1', 'status':[1,2], 'tag_id':5, 'good_id':1, 'data':JSON.stringify(data) }, dataType: 'json', type: '...
  • 2.字符串传参: //查询控制器 function queryctl(){ alert(" 查询控制器信息,请稍等..."); //获取信息 var ctl= $("#ctl").val(); var zoneid= $("#hid_zoonid").val(); //发送...
  • 本文实例讲述了ajax中data传参的两种方式。分享大家供大家参考,具体如下:1. POST方式:/*** 订单取消* @return {Boolean} 处理是否成功*/function orderCancel(orderId,commant){var flag = false;$.ajax({type:...
  • <script type="text/javascript"> layui.use(['layer', 'jquery'], function () { var $ = layui.$; layer = layui.layer; $("#sendsubmi").click(function () { ... var umail = $('#umail').val();...
  • ajax传参方式

    千次阅读 2018-11-26 15:24:24
    **ajax传参问题 方式一 前端: function deleteSearchHistory(b){ $.ajax({ url: context+&quot;/service/expertRecommend/deleteSearchHistory&quot;, type : 'post', data:{&quot;id&...
  • 下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享大家,也大家做个参考。一起跟随小编过来看看吧
  • jQuery的ajax调用很方便,传参的时候喜欢用Json的数据格式,使用示例代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助
  • layui ajax传参的data类型

    千次阅读 2020-12-24 06:02:01
    前台layui table组件,后台是PHP,监听btn-submit按纽传递数据交互一般用ajax传参时,其语法为form.on(‘submit(add)’,function(data){// console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象// ...
  • ajax传参转换特殊字符

    2018-09-19 17:53:41
    encodeURIComponent(需要处理的字段); 
  • ajax向controller传参

    2019-06-28 17:40:15
  • jq ajax传参的两种方式

    2018-01-23 11:55:00
    后通过拼接传参 第二种 通过data传参 (1)第一种方法:(通过url传参) function GetQuery(id) { if (id ==1||id==7) { var name = "语文"; $.ajax({ url:"../ajaxHandler/ChartsHandle...
  • 前端Ajax传参,后台接收参数的几种方式

    万次阅读 多人点赞 2019-09-24 10:08:14
    设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。 可用于控制不同的Ajax事件 ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。 ...
  • java ajax传参问题

    2019-06-17 15:28:05
    干了接近10年的java ,今天被ajax传参给弄的焦头烂额,汗颜 下面记录一下问题: ajax传参,参数的拼写格式为: 记住:参数属性千万别带双引号。数值类型后台一定Integer接收!!!! ...
  • 问题场景:今天在测试自己手上的页面功能时,发现一个小bug,在用ajax向后台发数据时,只要参数中出现一些特殊字符,控制台会报错http 400的问题,其实就是特殊字符服务器不能解析。好了,问题是找到了,但是改如何...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,066
精华内容 10,026
关键字:

给ajax传参

友情链接: cvmlib.5.7.zip