使用Ajax更改網頁的內容

是否可以使用ajax更改網頁的內容？我的需求是實際改變選擇的選項。比如我x123.com/setting.html使用Ajax更改網頁的內容

<html> 
<head> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>Webpage</title> 
    <script> 
    function save_changes() { 
     //save the selection 
    } 
    </script> 

</head>    
<body> 
    <select name="" multiple> 
     <option value="123">123</option> 
     <option value="456">456</option> 
    </select>       
    <input type="button" name="Submit Dude" onclick='save_changes()'> 
</body>         
</html>

我想從x123.com/123.html給出的請求，並刷新當前頁面（x123.com/123.html），以便在x123.com/setting.html的變化實際上反映了這一點。

讓我知道我的解釋不清楚。

來源

2011-06-20 RaviTeja

我有一篇博客文章，展示瞭如何做到這一點...... http://events.manzwebdesigns.com /？p = 111 – manzwebdesigns

檢查以下鏈接www.w3schools.com/ajax/default.asp http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml – Balanivash

您可以使用Ajax這種方式使用jQuery

包括jQuery腳本

Making the call

也表單需要有一個正確的格式，所以你可以使用serialize()方法

<form action="" method=""> 
    <select name="selection" multiple> 
    <option value="123">123</option> 
    <option value="456">456</option> 
    </select> 
</form>

來源

2011-06-20 15:55:53 Ibu

嗨@lbu，當我點擊一些從'x123。 com/123.html'它應該自動更改'x123.com/setting.html'中的選擇並保存這些更改（在後臺），然後重新加載當前頁面。 – RaviTeja

我認爲你正在尋找的是服務器端編碼。它可以在JavaScript中完成，但爲了節省，您將需要服務器端，具體取決於您使用的操作系統，我建議開始使用PHP。對於Windows機器，有[WAMP]（http://www.wampserver.com），LINUX有[LAMP]（http://www.sph.umich.edu/csg/abecasis/LAMP/download/）和mac是[MAMP]（http://www.mamp.info/en/downloads/index.html）的一個很好的PHP教程[檢查此鏈接]（http://devzone.zend.com/article/627- PHP-101-PHP-For-the-Absolute-Beginner） – Ibu

Hi @lbu，我想你錯了，所以基本上我開發了一個Chrome擴展，它只在客戶端執行所有操作。 ajax發佈應該在擴展background.html中執行。當您在「x123.com/123.html」上時，從後臺在'x123.com/setting.html'上運行一些javascript函數。並使當前頁面重新加載。 – RaviTeja

使用Ajax更改網頁的內容

回答

相關問題