Ajaxを使用してWebページのコンテンツを変更する

ajaxを使用してWebページのコンテンツを変更することはできますか？私の必要性は、実際に選択肢のオプションを変更することです。例えば私のx123.com/setting.htmlAjaxを使用してWebページのコンテンツを変更する

<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/setting.htmlの変化は実際にこの1に反映されるようにx123.com/123.htmlからの要求を出すと、現在のページ（x123.com/123.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

あなたは

フォームはあなたがserialize()メソッドを使用できるように適切な形式を持っている必要も

Making the call

jqueryのスクリプトを含んでjQueryを使ってAJAXをこのように使用することができます

<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で行うことができますが、あなたが使用しているOSに応じてサーバー側が必要になりますので、私はPHPを使い始めることをお勧めします。 Windowsマシンの場合、[WAMP]（http://www.wampserver.com）、LINUX [LAMP]（http://www.sph.umich.edu/csg/abecasis/LAMP/download/）、およびmac良いPHPチュートリアルのための[MAMP]（http://www.mamp.info/en/downloads/index.html）があります[このリンクをチェック]（http://devzone.zend.com/article/627- PHP-101-PHP-For-the-Absolute-Beginner） – Ibu

こんにちは@lbu、私はあなたが間違っていると思うので、基本的に私はクライアント側でのみすべてのアクションを実行するクロムエクステンションを開発しています。 ajaxの投稿は、拡張機能background.htmlで実行する必要があります。あなたは 'x123.com/123.html'上にある間、バックグラウンドから' x123.com/setting.html'上でいくつかのjavascript関数を実行します。現在のページをリロードします。 – RaviTeja

Ajaxを使用してWebページのコンテンツを変更する

答えて

関連する問題