如何通过html中的内联脚本通过ajax响应调用设置值?

时间:2019-02-20 15:08:44

标签: javascript ajax

我设置了隐藏在ajax响应中的输入类型的值,然后想要显示具有设置内容的页面。

Ajax:

var JSONObject = JSON.parse(data);
 $("#hiddenSearchedTextValue").val(JSONObject[1]);

 window.location = JSONObject[0]; // redirect on my page

在我的页面上,我要在其中显示设置值:

    <script>
        var value = "";
        window.onload = function () {
            $ = jQuery;

            value = $("#hiddenSearchedTextValue").val();
        }
    </script>

 <div class="container">
        <h1> Searched for: <script>document.write(value)</script></h1>
    </div>

    <input type="hidden" id="hiddenSearchedTextValue" value="">

现在它什么也不返回。有人对我有什么建议吗?我尝试阅读有关全球范围的内容,但没有任何帮助。谢谢

1 个答案:

答案 0 :(得分:0)

除非我对您的代码片段有误解,否则您会收到Ajax的响应,然后重定向页面?如果是这种情况,那么在重新加载页面时,即在您收到响应后,您就失去了价值。

我认为您需要将该值作为参数传递给url,然后在页面加载时进行设置

我认为您只想更新值然后重置输入,就像(在PHP中):

value = $("#hiddenSearchedTextValue").val();

.....

....

<input type="hidden" id="hiddenSearchedTextValue" value="' . $_GET['searchString'] . '">

(带有一些适当的安全检查等)。尽管您也可以在h1标签中执行此操作。也许看到更多的代码,而Ajax可以使您更轻松地理解代码的工作原理