Question

我想用这个插件通过ajax php调用页面。任何人都可以告诉我如何做到这一点，我想要如何在不同的divs中调用内容的例子

要发布此问题，我使用了谷歌翻译。

Answer 1

可能你不需要插件来做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);

的Presto！您的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>

如何使用ajax插件jquery ajax发出请求

1 个答案: