2010-05-04 176 views
0

如果我有3個HTML頁面如下:ajax請求後更改值!

home.html的:

<form method="get">   
    <input class="someForm" type="radio" value="1" name="someForm" /> Name 
    <input class="someForm" type="radio" value="2" name="someForm" /> Email 
    <div id="container"></div> 
    <input type="submit" /> 
</form> 

<script type="text/javascript" src="jquery.js"></script> 
<script> 
    var ajaxResponse = new Object(); 
    $(document).ready(function() { 
    $('.someForm').click(function() { 
    var rbVal = $(this).val(); 
     var myContent; 
     if (ajaxResponse[rbVal]) { //in cache 
      myContent = ajaxResponse[rbVal]; 
      $("#container").html(myContent); 
     } 
     else { // not in cache 
     var urlForAjaxCall = "file" + rbVal + ".html"; 
      $.get(urlForAjaxCall, function (myContent) { 
      ajaxResponse[rbVal] = myContent; 
      $("#container").html(myContent); 
      }); 
     } 
     }); 
    }); 
</script> 

的file1.html:

Name: <input type="text" name="name1" value="myName" /> 

file2.html:

Email: <input type="text" name="email2" value="[email protected]" /> 

我想要做的是,當我點擊(例如)單選按鈕1並在corr中寫入某些內容時esponding文本框(名稱),「亞歷克斯」爲例,然後單擊任何一個單選按鈕,然後在Home.html然後在隨後reclick單選按鈕1,我得到了新的價值,而不是讓「MYNAME」,如何做到這一點任何想法? TIA

回答

0

使用PHP,然後你可以用一個查詢字符串或通過交在你的jQuery傳遞值...

的jQuery:

$.ajax({ 

    url:"file1.php", 
    data:{name: $("#a_text_field_id_here").val()}, 
    success: function() { 
    /// do something on success.... 
    } 


}); 

即:

file1.php?name=Alex 

和您file1.php頁面會碰到這樣的

<?php 

if (isset($_GET['name'])) { 
    $name = $_GET['name']; 
} else { 
    echo "Name is empty! do something here..."; 
} 

?> 
Name: <input type="text" name="name1" value="<? php echo $name;?>"/> 

大多數網絡服務器有PHP現在是一個天...你可以在電腦上進行本地安裝,測試使用wampserver ..這來完成的一切......只要安裝運行,並轉到本地主機在您的瀏覽器! ... C:\ WAMP \ www是你的web目錄...

0

因爲你去了這裏純HTML的解決方案(其中即時通訊假設是這樣),那麼你可以通過存儲在表格上的數據解決這個問題上給出事件..

這裏是一個概念證明: http://jsfiddle.net/2Anp3/1/