【问题标题】:how to make requests with ajax plugin jqueryajaxy [closed]如何使用ajax插件jquery ajax发出请求[关闭]
【发布时间】:2013-06-22 09:03:01
【问题描述】:

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

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

【问题讨论】:

  • 抱歉,我们无法阅读此翻译。谷歌翻译做得很糟糕。
  • Ajaxy 文档说要参考源代码。如果您无法理解代码,那么您可能不需要该插件,而是需要带有 $('.something').load 或 $.get 的普通 jquery ajax 请求。
  • 我知道发出 ajax 请求,但我需要知道如何配置插件来发出 ajax 调用

标签: javascript jquery ajax history


【解决方案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);

快!您的 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>

【讨论】:

  • 我想知道如何操作插件 jquery ajaxy 因为我不明白如何用这个插件调用文件
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-22
  • 1970-01-01
  • 1970-01-01
  • 2016-01-13
  • 2012-08-06
  • 2011-11-15
相关资源
最近更新 更多