发表新帖
发表新帖

jQuery: How to stop AJAX function escaping JSON string used to POST data

前端 未结
关注
5 1319
遇见更好的自我
遇见更好的自我 2020-12-11 02:07

I need to serialize all inputs from a form into a JSON string.
With the help of this post, I can successfully create a valid string as below:

{\"input01\
相关标签:
5条回答
  • 挽巷
    2020-12-11 02:26

    This is the default behaviour of $.ajax(). You can change it by setting the processData option to false. See $.ajax() options.

    data  Object, String

    Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key i.e. {foo:["bar1", "bar2"]} becomes '&foo=bar1&foo=bar2'.

    and 

    processData   Boolean Default: true

    By default, data passed in to the data option as an object (technically, anything other than a string) will be processed and transformed into a query string, fitting to the default content-type "application/x-www-form-urlencoded". If you want to send DOMDocuments, or other non-processed data, set this option to false.

    0 讨论(0)
  • 滥情空心
    2020-12-11 02:30

    I did it so that it works with stripslashes on the php side.

    Something like this:

    $data = json_decode(stripslashes($_POST['json_data']));
    0 讨论(0)
  • 梦谈多话
    2020-12-11 02:30 
    <html>
<head>
<script src="resources/jquery-2.1.0.js"></script>
<script src="resources/jquery.serializejson.min.js"></script>
</head>
<body>
  <script>

        $(document).ready(function(){

            $("#simplepost").click(function(e){

                var MyForm = $("#appForm").serializeJSON();
                console.log(MyForm);

            $.ajax(
                    {
                        url: "rest/emp/create",
                        type: "POST",
                        data: JSON.stringify(MyForm),
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success:function(maindta){
                            alert(maindta);
                        },
                        error: function(jqXHR, testStatus, errorThrown){
                            alert(errorThrown);
                        }
                    });
            e.preventDefault(); //STOP default action
        });
    });
</script>
<h2>Hello World!</h2>
<form id="appForm" method="POST">
    EmployeeID:<input type="text" name='id' value="" />
    Employee Name:<input type="text" name="name" value=""/>
<br>
<input type="button" value="Submit" id="simplepost" />
</form>
</body>
</html>
    0 讨论(0)
  • 盖世英雄少女心
    2020-12-11 02:37

    After scouring Google and the jQuery site, i've come to the personal conclusion that the $.load function will convert any variable passed to it as a querystring (As my original problem above outlined). If you wish to pass a JSON string through it, it has to be manually typed.

    To get around this, I used the low level $.ajax function instead. An advantage of using this method meant I could also send POST data using the standard .serialize() function rather than having to convert my form data into JSON.

    My final code:

    var formData = $('#form').serialize();

$.ajax({
     type: "POST",
     url: "ajax.php",
     data: 'Query01=01&Query02=02',
     dataType: 'json',
     success: function(data){
          if (data==1){
               $.ajax({
                    type: "POST",
                    url: "ajax.php",
                    data: formData,
                    success: function(html){
                         $("#wrap").replaceWith(html);
                    }   
               });
          }
     }
});

    If anyone else has a solution, please comment.

    0 讨论(0)
  • 青春惊慌失措
    2020-12-11 02:48

    Be sure that you

    echo $_GET['varwithurl']

    not

    echo json_encode($_GET['varwithurl'])

    as many php web examples do.

    I send data with url with $.ajax() and don't see unwanted backslashes in php script.

    0 讨论(0)
 看不清?
提交回复
热议问题