Javascript 在ajax请求后更改值!
如果我有3个html页面,如下所示: home.html:Javascript 在ajax请求后更改值!,javascript,jquery,Javascript,Jquery,如果我有3个html页面,如下所示: 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">
<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>
名称
电子邮件
var ajaxResponse=新对象();
$(文档).ready(函数(){
$('.someForm')。单击(函数(){
var rbVal=$(this.val();
var myContent;
如果(ajaxResponse[rbVal]){//在缓存中
myContent=ajaxResponse[rbVal];
$(“#container”).html(myContent);
}
else{//不在缓存中
var urlForAjaxCall=“file”+rbVal+“.html”;
$.get(URLFORAJAX调用,函数(myContent){
ajaxResponse[rbVal]=霉菌含量;
$(“#container”).html(myContent);
});
}
});
});
file1.html:
Name: <input type="text" name="name1" value="myName" />
名称:
file2.html:
Email: <input type="text" name="email2" value="myName@abc.com" />
电子邮件:
我想做的是,当我单击(例如)单选按钮1并在相应的文本框(名称)“Alex”中写入一些内容,然后单击home.html中的任何单选按钮,然后重新单击单选按钮1,然后我得到新的值而不是“myName”,你知道怎么做吗?
tia使用PHP,然后您可以通过查询字符串或通过jquery中的post传递值 jquery:
$.ajax({
url:"file1.php",
data:{name: $("#a_text_field_id_here").val()},
success: function() {
/// do something on success....
}
});
即:
您的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;?>"/>
Name:既然您在这里使用纯html解决方案(我假设是这样),那么您可以通过在给定事件的表单上存储数据来解决它
以下是概念证明:
<?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;?>"/>