blocks|key|3948954|text|更改ajax代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3948955|$('#btnSubmit').on('click',+function(event)+{
++++event.preventDefault();
++++$.ajax({
++++++++type:+"POST",
++++++++url:+"/new.php",
++++++++data:+$("#myformid").serialize(),
++++++++dataType:+"json",
++++++++success:+function(response)+{
++++++++++++console.log(response);
++++++++}
++++});
});|code-block|syntax|javascript|3948956|此外，您还需要在表单中进行一些更改|3948957|<form+action="new.php"+method="post"+id="myformid">
Name+<input+type="text"+name="name">
<input+id="btnSubmit"+type="button"+value="Test">|3948958|​|3948959|你可以在像$_POST['name']这样的php文件中获取帖子数据。|offset|length|style|CODE|3948960|entityMap^0|0|0|0|0|0|5|E|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>Change your ajax codes</p>

<pre><code>$('#btnSubmit').on('click', function(event) {
    event.preventDefault();
    $.ajax({
        type: "POST",
        url: "/new.php",
        data: $("#myformid").serialize(),
        dataType: "json",
        success: function(response) {
            console.log(response);
        }
    });
});
</code></pre>

<p>Also you need some changes in form</p>

<pre><code>&lt;form action="new.php" method="post" id="myformid"&gt;
Name &lt;input type="text" name="name"&gt;
&lt;input id="btnSubmit" type="button" value="Test"&gt;
</code></pre>

<p></p>

<p>And you can get POST data in php file like <code>$_POST['name']</code>   </p>


blocks|key|3953072|text|您好，您可以这样尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3953073|首先，我为每个输入使用一个id属性，我并不喜欢序列化东西，但这就是我，你可以按你自己的方式来做，这是文件。您的index.php：|3953074|+<form+method="post"+id="myformid">
++Name+:<input+type="text"+id="name"+name="name">
++<input+type="submit"++value="Test">
++</form>
++<br>
++<div+id="myDiv">
++</div>|code-block|syntax|javascript|3953075|你的javascript：|3953076|++//ajax+function+return+a+deferred+object
++++function+_ajax(action,data){
++++++return+$.ajax({
++++++++url:+'request.php',
++++++++type:+'POST',
++++++++dataType:+'JSON',
++++++++data:+{action:+action,+data:+data}
++++++})
++++}
++++//your+form+submit+event
++++$("#myformid").on('submit',+function(event)+{
++++++//prevent+post
++++++event.preventDefault();
++++++//validate+that+name+is+not+empty
++++++if+($("name").val()+!=+"")+{
++++++++//parameters+INS+is+insert+data+is+the+array+of+data+yous+end+to+the+server
++++++++var+action+=+'INS';
++++++++var+data+=+{
++++++++++name:+$("#name").val()
++++++++};
++++++++console.log(data);
++++++++//run+the+function+and+done+handle+the+function
++++++++_ajax(action,data)
++++++++.done(function(response){
++++++++++console.log(response);
++++++++++//anppend+name+to+the+div
++++++++++$("#myDiv").append("<p>"%2Bresponse.name%2B"</p>");
++++++++});
++++++}
++++});|3953077|您的request.php文件：|3953078|<?php
//includes+and+session++start+here
//validate+that+request+parameters+are+set
if+(isset($_POST["action"])+&&+isset($_POST["data"]))+{
++//getters
$action+=+$_POST["action"];
$data+=+$_POST["data"];
//switch+to+handle+the+action+to+perfom+maybe+you+want+to+update+with+the+form+too+?
switch+($action)+{
++case+'INS':
++++//+database+insert++here..
++++//return+a+json+object
++++echo+json_encode(array("name"=>$data["name"]));
++++break;
}
}
+?>|3953079|结果：|3953080|​|3953081|📷|atomic|offset|length|3953082|3953083|希望这会有帮助=)|3953084|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/f5c25c66094b3e23afd39b72cf589650.png|imageAlt^0|0|0|0|0|0|0|0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1E|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1F|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1G|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1H|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1J|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1K|8|@]|9|@$X|1L|Y|1M|1|1N]]|A|$]]|$1|Z|3|T|5|6|7|1O|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1P|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19|1A|-4]]]]

<p>Hi you can try like this:</p>

<p>First I use an id attribute for each input i dont really like to serialize stuff but thats me you can do it your way here are the files.
your index.php:</p>

<pre><code> &lt;form method="post" id="myformid"&gt;
  Name :&lt;input type="text" id="name" name="name"&gt;
  &lt;input type="submit"  value="Test"&gt;
  &lt;/form&gt;
  &lt;br&gt;
  &lt;div id="myDiv"&gt;
  &lt;/div&gt;
</code></pre>

<p>your javascript:</p>

<pre><code>  //ajax function return a deferred object
    function _ajax(action,data){
      return $.ajax({
        url: 'request.php',
        type: 'POST',
        dataType: 'JSON',
        data: {action: action, data: data}
      })
    }
    //your form submit event
    $("#myformid").on('submit', function(event) {
      //prevent post
      event.preventDefault();
      //validate that name is not empty
      if ($("name").val() != "") {
        //parameters INS is insert data is the array of data yous end to the server
        var action = 'INS';
        var data = {
          name: $("#name").val()
        };
        console.log(data);
        //run the function and done handle the function
        _ajax(action,data)
        .done(function(response){
          console.log(response);
          //anppend name to the div
          $("#myDiv").append("&lt;p&gt;"+response.name+"&lt;/p&gt;");
        });
      }
    });
</code></pre>

<p>your request.php file:</p>

<pre><code>&lt;?php
//includes and session  start here
//validate that request parameters are set
if (isset($_POST["action"]) &amp;&amp; isset($_POST["data"])) {
  //getters
$action = $_POST["action"];
$data = $_POST["data"];
//switch to handle the action to perfom maybe you want to update with the form too ?
switch ($action) {
  case 'INS':
    // database insert  here..
    //return a json object
    echo json_encode(array("name"=&gt;$data["name"]));
    break;
}
}
 ?&gt;
</code></pre>

<p>Results:</p>

<p><a href="https://i.stack.imgur.com/SRsHE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SRsHE.png" alt="enter image description here"></a></p>

<p>Hope it helps =)</p>


<p>sorry if this has been asked many times but I can't get it to work.
I'm trying to build a restful website, I have a simple form:</p>

<pre><code>&lt;form action="/my/path" method="post" id="myformid"&gt;
Name &lt;input type="text" name="name"&gt;
&lt;input type="submit" value="Test"&gt;
&lt;/form&gt;
</code></pre>

<p>I convert the data the user inputs using Javascript and I send them to my php file using Ajax:</p>

<pre><code>function postData() {
    $('#myformid').on('submit', function(event) {
        event.preventDefault();
        const json = JSON.stringify($("#myformid").serializeArray());
        $.ajax({
            type: "POST",
            url: "/my/path",
            data: json,
            success: function(){},
            dataType: "json",
            contentType : "application/json"
        });
    });
}
</code></pre>

<p>And I tried reading the data on php like:</p>

<pre><code>$data = json_decode(file_get_contents('php://input'), true);
$name = $data["name"];
</code></pre>

<p>The code works perfectly if I send a JSON in the request body using a tool like Postman, but from what I tested using Ajax the json data arrives as POST data, and I can read it using $_POST["name"], but non with the 'php://input' as I did.</p>

<p>How can I fix it so the JSON gets accepted even sent via Javascript? </p>


Getting data sent with Ajax from php?

抱歉，如果这已经被问了很多次，但我不能让它工作。我正在尝试建立一个restful风格的网站，我有一个简单的表单：<form action="/my/path" method="post" id="myformid">Name <input type="text" name="name"><input type="sub...

问从php获取使用Ajax发送的数据？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从php获取使用Ajax发送的数据？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从php获取使用Ajax发送的数据？
EN