如何使用 jQuery ajax 发送数据

发布于 2025-01-16 01:25:22 字数 926 浏览 0 评论 0原文

这是我的 html

<!-- <form action="view.php" method="post">  -->
        <input type="text" name="text" id="name">
        <input type="submit" value="submit">
    <!-- </form> -->

我不想使用表单发送数据，因为它只发送命名属性数据，这就是我通过 $.ajax() 方法发送数据的原因这是脚本，

$(document).ready(function () {
    var details = {};
    $('input[type="submit"]')
        .click(function () {
            details = { name: $('input[type="text"]').val() };
            $.post({
                url: "view.php",
                method: "post",
                data: details,
                success: function (result) {
                    console.log("done")}
             });
           window.open('view.php','_self');
});});

毕竟我想检索 view.php 文件上的数据但我无法在该文件上实现它，它显示数组为空，

<?php
var_dump( $_POST);
//the array is empty
?>

请给我一些建议。

原文

this is my html

<!-- <form action="view.php" method="post">  -->
        <input type="text" name="text" id="name">
        <input type="submit" value="submit">
    <!-- </form> -->

I don't want to send the data by using form Couse it only send named attribute data that's why I am sending data by $.ajax() method
and this is script

$(document).ready(function () {
    var details = {};
    $('input[type="submit"]')
        .click(function () {
            details = { name: $('input[type="text"]').val() };
            $.post({
                url: "view.php",
                method: "post",
                data: details,
                success: function (result) {
                    console.log("done")}
             });
           window.open('view.php','_self');
});});

after all this thing i want to retrieve the data on view.php file
but i am fail to achieve it on that file it is showing the array is empty

<?php
var_dump( $_POST);
//the array is empty
?>

suggest me something please.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

稳稳的幸福 2025-01-23 01:25:22

ajax 请求和 window.open 发出的请求是两个不同的请求。可以把它想象成你接到的两个不同的电话……并且对最后的谈话完全没有“记忆”。您需要一个数据库来存储“内存”，但它是别的东西。

要将一些数据发送到后端（以对其进行处理）并希望将结果返回到原始页面，请使用 success 回调。

原始页面中的 HTML：

<input type="text" name="text" id="name">
<input type="button" value="submit">
<div id="backendResult"></div>

原始页面中的 JS：

$(document).ready(function () {
  var details = {};
  $('input[type="submit"]').click(function () {
    details = { name: $('input[type="text"]').val() };
    $.post({
      url: "view.php",
      method: "post",
      data: details,
      success: function (result) {
        console.log("done")
        $('#backendResult').html(result)
      }
    });
  });
});

view.php：

<?php
$name = $_POST['name'];
echo 'Hello '.$name.'!';
?>

The ajax request and the request made from window.open are two different requests. Think of it like two different phone calls that you'd receive... And having absolutely no "memory" of the conversation at the end. You would need a database for that "memory" and it's something else.

To send some data to the backend (to process it) and want to have a result back into the original page, use the success callback.

HTML in original page:

<input type="text" name="text" id="name">
<input type="button" value="submit">
<div id="backendResult"></div>

JS in original page:

$(document).ready(function () {
  var details = {};
  $('input[type="submit"]').click(function () {
    details = { name: $('input[type="text"]').val() };
    $.post({
      url: "view.php",
      method: "post",
      data: details,
      success: function (result) {
        console.log("done")
        $('#backendResult').html(result)
      }
    });
  });
});

view.php:

<?php
$name = $_POST['name'];
echo 'Hello '.$name.'!';
?>

回复收藏 0 原文

看透却不说透 2025-01-23 01:25:22

你可以这样做：

$(document).ready(function () {
    var details = {};
    $('input[type="submit"]')
        .click(function () {
            details = { name: $('input[type="text"]').val() };
            $.post({
                url: "view.php",
                method: "post",
                data: details,
                success: function (result) {  // {name : 'the text you typed'}
                    console.log("done")
                    $("body").load('view.php', function(){
                       $("#name").val(result.name);
                    });
                }
            });
        });
});

You can do like this:

$(document).ready(function () {
    var details = {};
    $('input[type="submit"]')
        .click(function () {
            details = { name: $('input[type="text"]').val() };
            $.post({
                url: "view.php",
                method: "post",
                data: details,
                success: function (result) {  // {name : 'the text you typed'}
                    console.log("done")
                    $("body").load('view.php', function(){
                       $("#name").val(result.name);
                    });
                }
            });
        });
});

回复收藏 0 原文

~没有更多了~