如何使用php发布数据ajax - how to post data ajax using php

how to post data ajax using php

本文关键字：数据 ajax 布数据何使用 php | 更新日期: 2023-09-27

如何将数据发布到insert php文件中它无法发布数据

<script src="jquery-1.12.3.js" type="text/javascript"></script>
<script type="text/javascript">
    $('#insert').click(function (event) {
        event.preventDefault();
        $.ajax({
            url: "insert.php",
            method: "post",
            data: $('form').serialize(),
            dataType: "text",
            success: function (strmessage) {
                $('#message').text(strmessage)
            }
        });
    });
</script>
<?php
?>
<p id="message"></p>
<form method="post">
    <input type="text" name="name" id="name" placeholder="Enter Name"><br>
    <input type="text" name="email" id="email" placeholder="email"><br>
    <input type="text" name="contact" id="contact"><br>
    <input type="submit" id="insert" name="insert" value="insert">
</form>

要从jquery提交表单，您应该在body元素中编写jquery代码，在form元素下会更容易处理。。。

<script src="jquery-1.12.3.js" type="text/javascript"></script>
</script>
<body>
<?php
?>
<p id="message"></p>
<form method="post">
    <input type="text" name="name" id="name" placeholder="Enter Name"><br>
    <input type="text" name="email" id="email" placeholder="email"><br>
    <input type="text" name="contact" id="contact"><br>
    <input type="submit" id="insert" name="insert" value="insert">
</form>
    <script type="text/javascript">
    $('#insert').click(function (event) {
        event.preventDefault();
        $.ajax({
            url: "insert.php",
            method: "post",
            data: $('form').serialize(),
            dataType: "text",
            success: function (strmessage) {
                $('#message').text(strmessage)
            }
        });
    });
   </script>
   </body>

在insert.php文件中获取数据，如下所示：

<?php 
$name = $_POST['name'];
$email = $_POST['email'];
$contact = $_POST['contact'];
echo $name."--".$email."--".$contact;
?>

在服务器端，即php中，您可以为ajax返回回显或打印任何消息，否则ajax不会返回任何消息。

jQuery:

<script type="text/javascript">
$('#insert').click(function (event) {
    event.preventDefault();
    $.ajax({
        url: "insert.php",
        method: "post",
        data: $('form').serialize(),
        dataType: "text",
        success: function (strmessage) {
            $('#message').text(strmessage);
        }
    });
});

PHP:

<?php 
  $name = $_POST['name'];
  $email = $_POST['email'];
  $contact = $_POST['contact'];
  //do whatever want do by these value 
  print_r($_POST);
//here you have to echo or print the any message for ajax return otherwise ajax not return anything 
  ?>