如何用Ajax提交文本框添加记录?
展开全部
<input type="text" id='sKeys' name='sKeys' /><input type='button' id='btnSubmit'/>
<div id="#result">
数据操作结构将显示在这里
</div>
<script language='javascript' src='Jquery.js'></script>
<script language='javascript'>
$(document).ready(function(){
$("#btnSubmit").click(function(){
var txtVal=$("#sKeys").val();
if($.trim(txtVal)!=""){
$.ajax({
type:"POST",
url:"./ajax_do.php",
data:{sKeys:txtVal}
cache:false,
success:function(data,status){
if(status=="success"){
if(data==0){alert("操作失败!");}else{
$("#result").append(data);
}
}
}
});
}
});
});
</script>
服务器页面:
ajax_do.php
<?php
$sKeys=trim($_POST["sKeys"]);
if(!empty($sKeys))$sKeys=iconv("utf-8","gb2312",$sKeys);//Ajax发送数据采用utf编码
//执行数据操作 成功输出html代码,失败输出0即可
?>
<div id="#result">
数据操作结构将显示在这里
</div>
<script language='javascript' src='Jquery.js'></script>
<script language='javascript'>
$(document).ready(function(){
$("#btnSubmit").click(function(){
var txtVal=$("#sKeys").val();
if($.trim(txtVal)!=""){
$.ajax({
type:"POST",
url:"./ajax_do.php",
data:{sKeys:txtVal}
cache:false,
success:function(data,status){
if(status=="success"){
if(data==0){alert("操作失败!");}else{
$("#result").append(data);
}
}
}
});
}
});
});
</script>
服务器页面:
ajax_do.php
<?php
$sKeys=trim($_POST["sKeys"]);
if(!empty($sKeys))$sKeys=iconv("utf-8","gb2312",$sKeys);//Ajax发送数据采用utf编码
//执行数据操作 成功输出html代码,失败输出0即可
?>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询