【问题标题】:Ajax data into textbox after function is called调用函数后将 Ajax 数据放入文本框
【发布时间】:2013-06-19 10:18:51
【问题描述】:

我一直在查看一些 ajax 示例,并意识到它们中的大多数都会回显结果。我有几个关于 jQuery/ajax 的问题

回显是函数处理后唯一可以返回数据的方法吗?我是否可以从 Textbox 1 2 3 抓取数据并在 process.php 上处理它,然后通过 ajax 将变量传回并更新文本框的值?

如果您有任何关于从文本框抓取数据的示例,将其推送到另一个 php 文件并将变量返回到实际表单的文本框,那就太好了。

谢谢!

【问题讨论】:

  • jquery.com 有很多

标签: php jquery html ajax


【解决方案1】:

您可以从以下代码开始:

$.ajax({
    type: "GET", //May try POST too
    url: "somefile.php",
    data: $("#txtBox").val(),
    dataType: 'text', 
    success: function(data) {
        $("#txtBox").val(data);
    },
    complete: function() {
        alert('Complete: Do something.');
    },
    error: function() {
        alert('Error: Do something.');
    }
});​

请以此为起点,而不是复制粘贴解决方案。

【讨论】:

  • 我明白了,感谢您帮助我开始学习。我可以验证一下。 Type"Get" 从 somefile.php 中检索数据,data: $("#txtBox").val() 将数据传递给 somefile.php,我必须调用它来检索它。如何从 somefile.php 将数据返回到 Success?
  • @RainbowHat 你可以简单地从 somefile.php 输出数据
  • 所以我可以说我可以 ECHO from somefile.php ajax 将捕获它并将其传递给 $("#txtBox").val(data); ?如果我有两个值,两个文本框不同的数据怎么办
  • 是的,您在请求的页面上回显的任何内容都将是返回的数据变量。我建议虽然返回为 json 数据
  • GET 类型指的是 http 请求的类型,在这种情况下,他的代码正在执行一个 GET 请求,您在 php 中使用 $_GET 或 $_REQUEST 访问该请求,在我的示例中我使用 $_POST 或$_REQUEST
【解决方案2】:

这是使用 jquery,它读取一个选择框的内容,将所选项目的值发布到后台 php 页面,然后返回一个 json 数组。 如果在后端 php 页面上查询成功,它将使新 div 可见并将返回的 html(在我的情况下为第二个下拉框)输出到新 div

$.ajax({
            type: 'POST',
            url: "ajax/supplier-alert-lookup.php",
            data: {
                'supplier': $("select#usedsupplier").val()
            },
            success: function(data){
                if (data["alertqueryresult"]==true) {
                    $("#alertoutputhtml").html(data["returnedalerthtml"]);
                    $("#supplieralertresult").css("display","");
                } else {
                    $("#supplieralertresult").css("display","none");
                }
            },
            dataType: 'json'
        });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-02-04
    • 1970-01-01
    • 1970-01-01
    • 2021-11-30
    • 1970-01-01
    • 2019-10-01
    • 1970-01-01
    相关资源
    最近更新 更多