Question

有两个文件，html和jquery。我想知道是否可以连接这两个文件。

的jquery-test.js：

$(document).ready(function(){
    $('#inputForm').submit(function(){
        $('#inputForm :text:not("#submit")').each(function(){
            var input = $(this).val();
            var someData = [];
            var weblink = 'http://www.google.com&callback=?'; // just example
            $.getJSON(weblink, function(data){
                $.each(data.results, function(i, item){
                    someData.push(item.json_Tag);
                });
            });
        });
    });
});

，HTML文件如下：

<html>
    <head>
        <meta http-equiv = "Content-Type" content = "text/html">
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="jquery-test.js"></script>
    </head>
    <body>
        <form method = "post" action = "/result" id = inputForm>
            <input type = "text" name = "input" id = input>
            <input type = "submit" value = "Search" id = search>
        </form>
    </body>
</html>

流程如下：

用户键在文本区域的某个单词中按下按钮。
jquery将链接到“weblink”并捕获一些数据。
jQuery将这些数据返回给HTML文件。
HTML文件重定向到包含这些数据的/结果页面。

但我不知道如何进行上述过程？我不知道如何从jquery返回数据表单？我不知道如何让HTML重定向到包含数据的其他页面。

非常感谢。

Answer 1

你的html文件不能包含一个包含你的jquery逻辑的部分吗？或者，您可以在文件顶部添加引用，如下所示：

<script src="~/ScriptLocation/MyScript.js" type="text/javascript"></script>

Answer 2

Javascript（在本例中为jQuery）旨在在用户的浏览器中运行。您可以通过将Javascript包含在HTML页面中来向用户提供Javascript。

在HTML文档的HEAD部分中包含以下内容：

<script src="jquery-test.js'></script>

通过在文本“inputForm”和所有其他HTML属性周围添加双引号来更正HTML

<form method="post" action="/result" id="inputForm">

当用户提交ID为“inputForm”的表单时，现在将执行jQuery代码。

Answer 3

我认为使用服务器端脚本语言（如PHP）可以更好地完成您的工作

像这样：

用户在您的HTML表单中输入数据
用户被重定向到/结果页
您的服务器端脚本可以访问帖子数据，查询“网络链接”并显示结果。

如果您想使用jquery，您可能会发现在同一页面上显示结果更容易/更好。如果你不需要重定向的原因？

好的，如果你真的不能使用服务器端脚本这里有几件事：

无法使用javascript检索发布数据。您可以通过解析我认为的URL来从get请求中检索数据。
更简单的解决方案是在同一页面上显示数据。你已经有了包含数据的JSON，所以你可以使用JQuery中的$.each()函数来循环它，然后显示你想要的内容。

jQuery和HTML之间的连接

3 个答案: