使用Ajax更改网页的内容

时间:2011-06-20 15:49:32

标签: javascript ajax jquery

是否可以使用ajax更改网页内容? 我的需要是实际改变选择的选项。 例如我的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>

我想从x123.com/123.html发出请求并重新加载当前页面(x123.com/123.html),以便x123.com/setting.html中的更改实际反映在此页面中。

Lemme知道我的解释是否不清楚。

1 个答案:

答案 0 :(得分:1)

你可以用jquery

这样使用ajax

包含jquery脚本

Making the call

表单也需要有适当的格式,以便您可以使用serialize()方法

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