JQuery实例Ajax 简单实例

Ajax.php文件里面，有一个字符串，　点击会出现一个输入宽，然后修改输入框的信息，可以自动保存到数据库

 

<mce:script type="text/javascript"><!-- function changeEdit(fm,id,num){ //创建一个输入框 var txt = document.createElement("INPUT"); txt.value= num; txt.style.width = "40px"; fm.innerHTML = ""; fm.appendChild(txt); txt.focus(); txt.onblur = function(e){ if(!isNaN(txt.value)){ $.ajax({ type:"POST", url: "update.php", data:{cid:12,num:txt.value}, success:function(data){ fm.innerHTML = data; } }); }else{ alert('只能输入数据'); } } } // --></mce:script> 

 

 

<span onclick="changeEdit(this,12,123)" class="editspan">123</span><span id="rest"></span><br/> <span onclick="changeEdit(this,13,223)" class="editspan">223</span><span id="rest"></span><br/> <span onclick="changeEdit(this,23,233)" class="editspan">233</span><span id="rest"></span><br/> <span onclick="changeEdit(this,33,333)" class="editspan">333</span><span id="rest"></span><br/>  

 

然后就是在update.php里面实例数据库修改的操作，然后返回　：

<?php $arr = $_REQUEST; //操作修改数据库，省略 //这里直接返回输入框中的字符串 echo $arr['num']; ?> 

 

最简单的Jquery实例Ajax数据更新实例..