如何使用ajax将变量从jquery发送到php文件

13 浏览
0 Comments

如何使用ajax将变量从jquery发送到php文件

你好，我目前正在处理从Javascript/Jquery变量传递变量值到一个php文件的简单问题。

上面的代码是我到目前为止使用的唯一代码，但它是用于检索html的。我应该如何开始使用ajax进行简单的变量传递？我应该从哪里开始，你能推荐一些文章吗？

0

3 答案

0 Comments

问题的原因：

用户想要通过jQuery将变量从前端发送到后端的PHP文件，但是他们没有正确理解AJAX请求的工作原理。

解决方法：

1. 了解AJAX请求的工作原理：AJAX只能从服务器请求数据，而不能将数据发送到服务器。但是在发送请求时，可以通过请求传递数据。

2. 建议不使用jQuery：推荐使用原生的JavaScript来处理AJAX请求，可以参考该链接：https://youmightnotneedjquery.com/

3. 参考以下代码示例来发送请求并传递数据：

(async () => {

const rawResponse = await fetch('https://yoururl.org/yourlink', {

method: 'POST',

body: JSON.stringify({

testDataKey: 'testDataString',

testData2Key: 'testData2String',

})

});

const content = await rawResponse.json();

console.log(content);

})();

4. 在PHP中通过$_POST变量来访问传递的数据，可以参考该链接：https://www.php.net/manual/en/reserved.variables.post.php

5. 使用var_dump($_POST)来将所有变量作为字符串打印回JS，同时使用.text()替代.json()方法，并将content变量放入console.log()中。这样，你应该能够看到你发送到服务器的数据的漂亮打印结果。

0
0 Comments

问题出现的原因：

这段代码中没有包含发送变量的相关代码，因此无法直接从jQuery发送变量到PHP文件。

解决方法：

要解决这个问题，需要使用Ajax来发送变量给PHP文件。以下是实现的步骤：

1. 在jQuery代码中添加Ajax请求的代码，以发送变量给PHP文件。

2. 在PHP文件中接收并处理从jQuery发送的变量。

3. 将处理结果返回给jQuery，并在页面上显示。

下面是修改后的代码：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div id="GetLogger" style="padding:1rem; margin:1rem; border: 1px #ccc solid;">
        <h5>GET example log:</h5>
    </div>
    <div id="PostLogger" style="padding: 1rem; margin:1rem; border: 1px #ccc solid;">
        <h5>POST example log:</h5>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        // GET https://fakestoreapi.com/products?limit=1
        $.get('https://fakestoreapi.com/products', { limit: "1" } )
            .done(function( data ) {
                $('#GetLogger').append('<div>This method return ' + data.length + ' products</div>');
            });
        //POST https://fakestoreapi.com/auth/login
        $.post('https://fakestoreapi.com/auth/login', { username: 'mor_2314', password: '83r5^_' } )
            .done(function( data ) {
                if (data.token){
                    $('#PostLogger').append('<div>Login success</div>');
                }
                if (data.msg){
                    $('#PostLogger').append('<div>' + data.msg + '</div>');
                }
            });
        // 使用Ajax发送变量到PHP文件
        $.ajax({
            type: 'POST',
            url: 'path/to/your/php/file.php',
            data: { variableName: 'variableValue' },
            success: function(response) {
                // 处理PHP文件的返回结果
                console.log(response);
            }
        });
    </script>
  </body>
</html>

将上述代码中的`path/to/your/php/file.php`替换为实际的PHP文件路径，`variableName`替换为您要发送的变量名，`variableValue`替换为您要发送的变量的值。

这样，您就可以使用Ajax从jQuery发送变量到PHP文件，并在PHP文件中接收和处理这些变量。

0
0 Comments

问题的原因是，需要将JQuery中的变量发送到一个PHP文件中，以便在PHP中使用这些变量。在上述代码中，JQuery使用了AJAX的POST方法，将一个包含"name"和"time"两个变量的对象发送到了test.php文件中。而在PHP文件中，使用了$_REQUEST来获取这两个变量的值。

解决方法是，通过AJAX的POST方法将变量发送到PHP文件中，然后在PHP文件中使用$_REQUEST来获取这些变量的值。这样就可以在PHP文件中使用这些变量进行相应的操作了。

简而言之，问题的解决方法是在JQuery中使用AJAX的POST方法将变量发送到PHP文件中，然后在PHP文件中使用$_REQUEST来获取这些变量的值。

0