Javascript 从 PHP 获取内容

<分区>

我有一个接受参数的 php 页面，例如

mypage.php?keyword=SOMEVALUE

但关键字是用户在使用 jQuery 运行的 html 表单中输入的 ajax 值。

我需要让用户在文本字段中输入值，并从 mypage.php 中检索数据并将其设置为 field1 的值。

我该怎么做？我看到一些网站提到 javascript 尊重同源政策，我该怎么办？

现在我有2个文件

再次更新

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

       <script type="text/javascript">
            $(document).ready(function(){
                $("#filter").click(function(){{
                    var self = this;
                    //The following mostly from Olaf's answer
                    $.ajax({
                        url         :   'jquery2.php',
                        dataType    :   "html",/* JSON, HTML, SJONP... */
                        type        :   "get", /* POST or GET; Default = GET */
                        data:{
                            keyword     :   $(keyword).val() /* $(self) = $("#keyword") */
                        },
                        success     :   function( response )
                        {
                            /*
                            *    on input
                            */
                            $("#keyword").val( response )
                            /*
                            *    on html
                            */
                            $("#newhtml").html( response )
                        }
                    });
                });
            });
        </script>


    </head>
    <body>
        <input type="text" name="keyword" id="keyword" />
        <input type="button" id="filter" name="filter" value="Search Data" />
        <div id="newhtml"></div>
    </body>
</html>

jquery2.php

<?php
$keyword = $_GET['keyword'];

echo "keyword is " . $keyword;


?>

我将 jquery.php 更改为此代码。但仍然无法从 jquery2.php 检索输出，文本字段值不会更改为 jquery2.php 输出。

感谢您的帮助

最佳答案

我建议使用 jQuery 的 ajax 方法，因为这会使事情变得更容易。假设您的 php 页面是这样的:

PHP

$keyword = $_GET['keyword'];

if ($keyword == "SOMEVALUE") {
echo "returned value";
}

你的 html 是这样的:

HTML

<input type='text' name='keyword' id='keyword' />

那么你的 javascript 应该是这样的:

Javascript

$(document).ready(function(){
  $("#keyword").change(function(){
    var newValue;
    //The following mostly from Olaf's answer
    $.ajax({
      url         :   'index.php',
      dataType    :   "html",/* JSON, HTML, SJONP... */
      type        :   "get", /* POST or GET; Default = GET */
      data:{
          keyword     :   "SOMEVALUE"
      },
      success     :   function( response )
      {
          newValue = response;
      }
    });
    $(this).val(newValue);
  });
});

关于Javascript 从 PHP 获取内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19144193/

上一篇：javascript - 在 Phonegap DB 函数中返回函数外部的变量

下一篇：javascript - 如何使用 javascript 单击选项值？

javascript - React 将数组添加到状态数组

php - 嵌套 PHP while 循环在显示请求的结果之前返回先前的结果

javascript - Laravel 5.4 将变量从 Controller 传递到 js 脚本

javascript - 这个函数如何知道正在传递哪个属性？

javascript - 为什么DIV不遵循父级的属性

javascript - 在 Apple 上使用 Acrobat Javascript 打开 pdf

javascript - 最佳地将一组字段添加到表单并在提交时生成 JSON

php - 特定页面的 apache 重写规则问题

javascript - 具有关联切换可见性的翻转 div 的多个实例