用js在不跳转的情况下向一个PHP页面传递参数

Question

需求是把textarea传递到savexml.php进行数据保存，但同时我希望页面还留着当前页面。

代码如下：
代码如下：
<form name="form1" id="form1" method="post" action="newtest.php">
<input type="hidden" name="text1" value="<?php echo $text1;?>" size="30"/><br>
<textarea name="textarea1" rows="10" cols="150"><?php echo $text1;?></textarea><br>
<input type="button" name="finish" value="完成拆分" onClick="save()" />
</form>
function save(){
//省略的代码是获得textarea的值
var formdeal= document.getElementById("form1");
formdeal.action="savexml.php?parms="+str;
formdeal.target="_self";
formdeal.submit();
}

Answer 1

引入jquery，把textarea 加个id textarea1 把button加个id button

<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$('#sub').click(function(){
var val=$('textarea1').val();
$.post('savexml.php',{"val":val},function(data){
json = eval("(" + data + ")");
if(json.status==1){//提交ajax请求成功

//处理

}else{//失败
//处理
}
});
},'json');
});

</script>

Answer 2

AJAX可以一战

追问

不会用AJAX，新手入门，还需要学

追答

用JQ  很简单

//删除
$('.btn-del').click(function(){
   if(confirm("确定要删除记录吗？"))
   {
var id = $(this).attr("att");
var uid = $("#uid").val();
var dta = "id="+id+"&uid="+uid;
$.ajax({
async:false,
url:"ajax_jsq.php",
data:dta,
success:function(re){
}
});
$(this).parents('.today-list').remove();
   }
});