-5

我想用这个插件通过 ajax php 调用页面。谁能告诉我怎么做，我想要如何在不同的div中调用内容的例子

为了发布这个问题，我使用了谷歌翻译。

4

1 回答 1

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". 要将 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

查看此示例以了解其工作原理。

请注意，上面的示例使用 jQuery，因此需要在页面的标签中引用此引用：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
于 2013-06-25T16:36:45.117 回答