Javascript 使用Ajax更改网页内容

Javascript 使用Ajax更改网页内容,javascript,ajax,jquery,Javascript,Ajax,Jquery,是否可以使用ajax更改网页的内容? 我需要的是实际更改选择的选项。 例如myx123.com/setting.html <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Webpage</title> <script> function save_changes(

是否可以使用ajax更改网页的内容? 我需要的是实际更改选择的选项。 例如my
x123.com/setting.html

<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>

网页
函数save_changes(){
//保存所选内容
}
123
456
我想从
x123.com/123.html
发出请求,并重新加载当前页面(
x123.com/123.html
),以便
x123.com/setting.html
中的更改实际反映在该页面中


如果我的解释不清楚,请告诉我。

您可以通过jquery以这种方式使用ajax

包括jquery脚本

此外,表单需要有适当的格式,以便您可以使用该方法


123
456

Hi@lbu,当我从
x123.com/123.html
中单击一些时,它会自动更改
x123.com/setting.html
中的选择,并保存这些更改(在后台),然后重新加载当前页面。我想您正在寻找的是服务器端编码。这可以用javascript完成,但是为了节省时间,您需要服务器端,具体取决于您使用的操作系统,我建议您开始使用php。对于windows机器,有LINUX,有mac,有一个好的php教程Hi@lbu,我想你弄错了,所以基本上我正在开发一个chrome扩展,它只在客户端执行所有操作。ajax发布应该在extensions background.html中执行。当您在
x123.com/123.html
上时,从后台在
x123.com/setting.html
上运行一些javascript函数。并重新加载当前页面。您是否查看了我在回答中提供的链接?请查看以下链接www.w3schools.com/ajax/default.asp我有一篇博客文章介绍了如何做到这一点。。。
<form action="" method="">
   <select name="selection" multiple>
     <option value="123">123</option>
     <option value="456">456</option>
   </select>
</form>