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?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

抱歉，如果这已经被问了很多次，但我不能让它工作。我正在尝试建立一个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