您可能不需要插件来执行 AJAX。您可以轻松地自学 AJAX。起初它可能看起来有点挑战性,但 AJAX 比您想象的要容易得多。
首先,请注意 AJAX 通常用于向 SERVER 发送数据,让服务器处理该数据(例如,在数据库中查找信息)并将新数据返回给浏览器。因此,AJAX不应该用来调用HTML文件,而通常是可以在服务器上做事的PHP或ASP文件。
Ajax 进入您的 javascript 代码,如下所示:
HTML:
<select id="stSelect">
<option>Harold Windsor</option>
<option>Catherine Middleton</option>
<option>Bill Williams</option>
<option>Jane Peters</option>
</select>
JAVASCRIPT/JQUERY:
$('#stSelect').change(function() {
var sel_stud = $(this).val();
//alert('You picked: ' + sel_stud);
$.ajax({
type: "POST",
url: "your_php_file.php",
data: 'theOption=' + sel_stud,
success: function(whatigot) {
alert('Server-side response: ' + whatigot);
} //END success fn
}); //END $.ajax
}); //END dropdown change event
请注意,PHP 文件中的数据会在AJAX 调用的成功函数 中进入您的HTML 文档,并且必须在那里 处理。这就是您将接收到的数据插入 DOM 的地方。
例如,假设您的 HTML 文档有一个带有 id="myDiv" 的 DIV。要将 PHP 中的数据插入 HTML 文档,请将以下行:alert('Server-side response: ' + whatigot); 替换为:
$('#myDiv').html(whatIgot);
快!您的 DIV 现在包含从 PHP 文件回显的数据。
ajax 可以通过更改控件的值来触发(如上例所示),或者仅在文档加载时触发:
$(function() {
//alert('Document is ready');
$.ajax({
type: "POST",
url: "your_php_file.php",
data: 'Iamsending=' + this_var_val,
success: function(whatigot) {
//alert('Server-side response: ' + whatigot);
} //END success fn
}); //END $.ajax
}); //END document.ready
查看this example 了解其工作原理。
请注意,以上示例使用 jQuery,因此需要在页面的标签中引用此引用:
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>