整理一下前后台传值ajax

    xiaoxiao2021-12-14  15

    用到ajax大部分都是复制粘贴,今天有时间整理一下

    1、spring mvc中rest方式请求,传递参数

    /** 编辑 */ @RequestMapping(value="/{id}/edit")   public ModelAndView edit(@PathVariable Long id,HttpServletRequest request,HttpServletResponse response){   UserInfo userInfo = (UserInfo)userInfoManager.getById(id);   return new ModelAndView("/userinfo/edit","userInfo",userInfo);   }2、在js中组装的参数(数组可以直接传,@RequestParam(value="names[]" String names)

    js

    function edit(){ var names = new Arrays(); names[0]="张三"; names[1]="王五"; var data = {}; data.id=1; data.names=names; var path=""; $.ajax({ url:path, type:"post", data:data, dataType:"json", success:function(result){ alert(result); }, err:function(){ alert("请求失败"); } }); }java

    @RequestMapping("/queryApp") @ResponseBody public List<User> queryApp(HttpServletRequest request,@RequestParam Long id, @RequestParam(value = "names[]") String[] names){ ...... return new ArrayList<User>(); }3、对于数组来说可以直接传如上,也可以传String如下

    js

    function edit(){ var names = new Arrays(); names[0]="张三"; names[1]="王五"; var data = {}; data.id=1; data.names=names.join(","); var path=""; $.ajax({ url:path, type:"post", data:data, dataType:"json", success:function(result){ alert(result); }, err:function(){ alert("请求失败"); } }); }java(1)

    @RequestMapping("/queryApp") @ResponseBody public List<User> queryApp(HttpServletRequest request,@RequestParam Long id, @RequestParam String names{ String[] nameStr = names.split(","); ...... return new ArrayList<User>(); } 4、需要获取到checkbox值

    var ids=new Array(); $('input[name="expression"]:checked').each(function () { ids.push($(this).val()); });5、表单提交(数组传值)

    html

    <form id="test" > <input name="name" value="name"> <input type="checkbox" name="names" value="1"> <input type="checkbox" name="names" value="2"> <input type="checkbox" name="names" value="3"> <input type="button" name="测试" οnclick="test1()" value="测试"> </form>

    js

    function test1(){ var data = getFormJson($("#test")); $.ajax({ type : "post", url : ctx+"application/queryApp/1", data: data, dataType:"json", success:function(result){ if(result.status=="200"){ interStatusMap = result.data; } } }) }java

    @RequestMapping("/queryApp") @ResponseBody public List<User> queryApp(HttpServletRequest request,@RequestParam Long id, @RequestParam(value = "names[]") String[] names){ String[] nameStr = names.split(","); ...... return new ArrayList<User>(); }

    你只看到我在不停的忙碌,却没看到我奋进的热情; 你有你的规则,我有我的选; 你否定我的现在,我决定我的未来; 你嘲笑我只懂编码,不配享受,我可怜你被代码操纵,而不自知; 你可以轻视我的年轻,我会证明这是谁的时代! Coding是注定痛苦的旅行,路上少不了Bug和Change,但那又怎样?哪怕通宵达旦,也要编的漂亮! 我是程序员,我为自己代言。
    转载请注明原文地址: https://ju.6miu.com/read-969289.html

    最新回复(0)