您对 ajax 的工作原理有误解。尽管 jquery 使它变得容易,但它仍然不是自动的。你应该只用 jquery 找到一个关于 ajax 的教程,但是如果你只想将一个数组发送到 php 并在屏幕上查看输出,这样的事情会起作用:
索引.php
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//attach to the button a click event
$('#btn').click(function(){
//get the value from the textbox
var txt=$('#txt').val();
//if txt is blank, alert an error
if(txt == ''){
alert("Enter some text");
} else {
//send txt to the server
//notice the function at the end. this gets called after the data has been sent
$.post('catcher.php', {'text':txt}, function(data){
//now data is an object, so put the message in the div
$('#response').text(data.message);
}, 'json');
}
});
});
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" id="btn">
<pre id="response" style="overflow:auto;width:800px;height:600px;margin:0 auto;border:1px solid black;"> </pre>
</body>
</html>
捕手.php:
<?php
//if something was posted
if(!empty($_POST)){
//start an output var
$output = array();
//do any processing here.
$output['message'] = "Success!";
//send the output back to the client
echo json_encode($output);
}
最好使用 2 个文件,一个供用户加载启动 ajax 调用,一个页面处理 ajax 调用。发送数组的工作方式相同,只需将获取文本框值替换为发送数组即可。