如何用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即可

?>

//调用一般处理程序  将你的DataTable转为json Response.Write(json) var para = {

   "actionname":"xx"

}  //定义好你需要传的参数

$.ajax({

                url: location.href, //url地址

                type: "POST",

                data: para,//模拟个数据

                success: function (result) {

                //我这里返回的是text 

                    if (result != "" && result != undefined) {

                        var data = JSON.parse(result)   //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result

                        var tempHtml = ""

                        for(var i = 0 i< data.length i++)

                        {

                             tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"

                        }

                        $("table").append(tempHtml) //添加你拼接好的html到table里

                    }

                }, error: function (err) {

                }

    })

在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下：

在数据少的情况下直接给id或class传值，多行数据要用循环，代码如下：

$.post("", "data:getType", function (res) {

var date = Pase(res)

var str = ""

$.each(data.result, function (i, j) {

str += "<tr>"

str += "<td></td>"

str += "</tr>"

})

document.getElementById("tbody").add(str)

})

<table><tbody id="tbody"></tbody></table>

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该函数，除非你需要 *** 作不常用的选项，以获得更多的灵活性。

---