jQuery和HTML之間的連接

有兩個文件，html和jquery。我想知道如果可能連接這兩個文件。jQuery和HTML之間的連接

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重定向到其他數據頁面。

非常感謝。

來源

2011-05-17 Jimmy Lin

有什麼問題嗎？ – 2011-05-17 15:04:54

這聽起來像一個標準的POST給我？ – omninonsense 2011-05-17 15:15:02

在jquery中有一個post方法。但是有一個不同的垃圾。 – 2011-05-17 15:22:42

Javascript（和jQuery，在本例中）設計爲在用戶的瀏覽器中運行。您通過將其包含在HTML頁面中來將Javascript傳遞給用戶。

在HTML文檔的HEAD部分如下：

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

周圍文本「inputForm」和其他所有的HTML加上雙引號糾正你的HTML屬性

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

當用戶提交ID爲「inputForm」的表單時，現在將執行jQuery代碼。

來源

2011-05-17 15:14:19

其實，我已經在HTML文件中包含jQuery（第5行）。但我仍然不知道如何將jQuery中的數據返回給HTML。而且我不知道如何讓HTML重定向到其他數據。 – 2011-05-17 15:21:04

我甚至不知道你在問什麼D： – omninonsense 2011-05-17 15:25:34

看看你的jQuery代碼中以「$ .each（...」開頭的部分，Javascript引擎將遍歷每個結果，如果要在HTML文檔中顯示數據，可以更改「someData.push ...」這一行，例如，要將數據添加到ID爲「output_div」的HTML div中，你可以使用$（「＃output_div」）。append（item.json_Tag）。 – 2011-05-17 15:31:45

你的html文件不能包含一個包含jquery邏輯的部分嗎？或者，您可以在文件頂部添加引用，如下所示：

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

來源

2011-05-17 15:07:32 WEFX

我已經包含了js文件。 HTML中的第5行。 – 2011-05-17 15:09:41

在這種情況下，請您概述您遇到的問題。我們無法回答一個不存在的問題;） – 2011-05-17 15:12:57

對不起，我再次編輯問題並說清楚。 – 2011-05-17 15:27:28

我想你正在嘗試做的就做一個服務器端腳本語言更好，比如PHP

像這樣：

用戶在HTML表單中輸入的數據，就像你有它
用戶被重定向到/結果頁面
您的服務器端腳本可以訪問發佈數據，查詢'網頁鏈接'並顯示結果。

如果你想使用jQuery，你可能會發現在同一頁面上顯示結果更容易/更好。爲什麼重定向，如果你不需要？

OK，如果你真的不能在這裏使用服務器端的腳本是兩件事情：

這是不可能的使用JavaScript來檢索後的數據。您可以通過解析我認爲的URL來從獲取請求中檢索數據。
更簡單的解決方案是將數據顯示在同一頁面上。您已經擁有包含數據的JSON，因此您可以使用類似於JQuery中的$.each()函數的方式遍歷它，然後顯示您想要的內容。

來源

2011-05-17 15:23:34 jisaacstone

這是我係統的原始框架。但是服務器和第三方網站之間存在一些問題。所以我想在用戶端運行腳本。 – 2011-05-17 15:26:33

jQuery和HTML之間的連接

回答

相關問題