ajax - ajax，json 将数据从一个 php 文件发送到另一个文件，然后将数据发回

Question

尝试将（使用ajax，json）数据从文件No1发送到文件No2，然后从文件No2发送数据到文件No1

这是文件 No1 中的代码

HTML

<div id="first_var">1 one</div>
<div id="second_var">2 two</div>
<div id="load"></div>

阿贾克斯

$(document).ready(function(){
var one = $("#first_var").val();
var two = $("#second_var").val();
var dataString = 'one='+first_var+'&two='+second_var;

$.ajax({
type: "POST",
url: 'fileNo2.php',

data: dataString,
dataType: "json",

success: function(data) {
$('#load').html(data);
}
});

这是文件No2

$p_one = $_POST['p_one'];
$p_two = $_POST['p_two'];
$test = $p_one. '<br>test<br>'. $p_two;
echo json_encode($test);

结果<div id="load"></div>只能看到单词test

如果不是data: dataString,使用，data : { p_one: 'test 1', p_two: 'test 2' },那么一切正常。

可能定义不正确var one等？如果将是输入字段，似乎var one = $("#first_var").val(); val()可以使用。<div id="first_var">1 one</div>但如果不是输入字段呢？只需在里面输入文字id="first_var......

请指教。

Answer 1

您只需要在数据字符串中正确命名键。PHP 脚本需要“p_one”和“p_two”，而不是“one”和“two”。

var dataString = 'p_one='+first_var+'&p_two='+second_var;

此外，您需要.text(), 而不是.val()获取内部文本：

var one = $("#first_var").text();