使用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更改网页的内容

回答

相关问题