js以json形式提交数据,后台接受

$("#savename").click(function(){
    var fananname=$("#editname").val();
    var jsonList = eval(createArray());
    var jsonText = JSON.stringify(jsonList);
    $.ajax({
        type: "POST",
        url: "/shop/ffselect!saveAttachedUrl.action",
        dataType:"json",
        data: {
            "fanan":fananname,
            "jsonarray":jsonText
        },
            success: function(data) {
            if(data.status=="success"){
                window.location.href="www.baidu.com";
            }
            },
    });    

})

function createArray(){
    var jsonarray=[];
    var fanganid=$("#selectTitleid").val();
    var $goodsurl=$(".goodsurl");
    var $isadd=$(".isadd");
    var $review=$(".inputtextarea");
    var $isclear=$(".isclear");

    $.each($goodsurl,function(n){
        var goodsurl=$($goodsurl[n]).val();
        var isadd=$($isadd[n]).val();
        var review=$($review[n]).val();
        var isclear=$($isclear[n]).val();
        var obj=createObj(goodsurl,isadd,fanganid,review,isclear);
        jsonarray.push(obj);
    })
    return jsonarray;
}

function createObj(urlval,isaddval,faidval,reviewval,isclearval){
    return {
        url:urlval,
        isadd:isaddval,
        faid:faidval,
        review:reviewval,
        isclear:isclearval
    }
}

  后台接收

 public String saveAttachedUrl(){
        LlSelectAttachedUrl attacheURL = new LlSelectAttachedUrl();
         String fanan = getParameter("fanan");
         String jsonarray = getParameter("jsonarray");
         System.out.println(fanan);
         System.out.println(jsonarray);
 //        String str = "[{‘name‘:‘张三‘,‘sex‘:‘男‘},{‘name‘:‘李四‘,‘sex‘:‘女‘},{‘name‘:‘王五‘,‘sex‘:‘男‘}]";
         JSONArray json = JSONArray.fromObject(jsonarray);
         int size = json.size();
        for(int i = 0; i<size; i++){
             String re = json.getString(i);
             JSONObject s = JSONObject.fromObject(re);
             attacheURL.setAdd_date(new Date());
             attacheURL.setComments(s.getString(""));
             attacheURL.setGoods_url(s.getString(""));
             attacheURL.setId(re);
             attacheURL.setRemark(s.getString(""));
             attacheURL.setSelect_title_id(s.getString(""));
             if(s.getString("")!=null){
                 attacheURL.setIsAddUrl(Integer.parseInt(s.getString("")));
             }if(s.getString("")!=null){
                 attacheURL.setState(Integer.parseInt(s.getString("")));
             }
             this.selectFanFan.saveSelectAttachedUrl(attacheURL);
         }
         return ajax(Status.success);
     }

  

时间: 2024-10-18 16:53:04

js以json形式提交数据,后台接受的相关文章

JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中.服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接收并处理客户端数据的类型,如Web Service,ASP.NET Page,Handler等. 首

【转】JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中.服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接收并处理客户端数据的类型,如Web Service,ASP.NET Page,Handler等. 首

将前台JS数组序列化后提交,后台反序列化对象

//前台js function inputAll(thiss) { var _entryArr = []; var $trArr = $("#FirstTable tr:gt(0)"); if ($trArr.length == 0) { return; } for (var i = 0; i < $trArr.length; i++) { var $thirdTd = $($trArr[i]).find("td:eq(2)"); var entryObjec

Android中解析JSON形式的数据

1.JSON(JavaScript Object Notation) 定义: 一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性.业内主流技术为其提供了完整的解决方案(有点类似于正则表达式,获得了当今大部分语言的支持),从而可以在不同平台间进行数据交换.JSON采用兼容性很高的文本格式,同时也具备类似于C语言体系的行为. 2.JSON的结构: (1) Name/Value Pairs(无序的):类似所熟知的Keyed list. Hash table.Disctionary和Assoc

AJAX获取JSON形式的数据

test.html: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></

简单的vue.js的表单提交数据至flask然后数据库入库,再将表里面的数据展示在网页

一.先在数据库中创建表格 在mysql中建users库并建立一个含有ID,username,email三个字段的user表 二.去vue的组件里面写页面的表单代码,注意form标签里的action需要暂时先空着,等flask的代码写完后填入flask的链接地址 然后将这个vue.js需要在index.js里面配置 三.用python实现连接数据库,获取表单数据并入库 四,将写入到数据库表格的内容写入到网页中,在网页展示 别忘了在vue的form标签的action属性加入flask的地址  效果展

js 模拟ajax方式提交数据

html页面 <script>function LocaluploadCallback(msg) {     document.getElementById("f_localupload").outerHTML = document.getElementById; //清空    alert(msg);} </script> <form id="formlocalupload" action="/album/upload/&q

js操作json添加元素和数据的方法

function addServerUrlToJson() { var json_tem = [{"name":"a","value":1}]; var arr = { "name" : "aaa", "value" : "bbb" }; json_tem.push(arr); document.write(JSON.stringify(json_tem)); } 结

axios用表单形式提交数据

创建一个空的FormData对象 var formData = new ForData(); 使用FormData.append来添加键/值对到表单里面; FormData  api地址:  https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/FormData