小编典典

尝试使用AJAX将变量值从JavaScript传递到PHP

ajax

我想使用jQuery /
AJAX将一些值从JavaScript传递到PHP。我有以下“简化”代码,不确定我做错了什么。在StackOverflow中似乎有很多类似的问题/答案,但是它们都没有真正的帮助。

HTML:

<div>
<a href="#" id="text-id">Send text</a>
<textarea id="source1" name="source1" rows="5" cols="20"></textarea>
<textarea id="source2" name="source2" rows="5" cols="20"></textarea>
</div>

JAVASCRIPT:

$("#text-id").click(function() {
$.ajax({
type: 'post',
url: 'text.php',
data: {source1: "some text", source2: "some text 2"}
});
});

PHP(text.php):

<?php

$src1= $_POST['source1'];  
$src2= $_POST['source2'];

echo $src1; 
echo $src2;

?>

问题:什么都没有发生…没有错误..什么都没有。我没有在PHP echo语句中看到’source1’和’source2’的值。


阅读 254

收藏
2020-07-26

共1个答案

小编典典

您需要在AJAX调用中包含成功处理程序

$("#text-id").on( 'click', function () {
    $.ajax({
        type: 'post',
        url: 'text.php',
        data: {
            source1: "some text",
            source2: "some text 2"
        },
        success: function( data ) {
            console.log( data );
        }
    });
});

在控制台中,您将收到:

some textsome text 2

请确保test.php和您的html源文件都在同一目录中。

2020-07-26