ajax无刷新更新数据

<table class="table_list" >

 <caption>
 填写要更新的数据
 </caption>
 
 <tr>
   <td class="align_c">无刷新保存</td>
   <td >
     <label>
     <input name="ajaxdata" type="text" size="20"  id="ajaxdata"/>
    &nbsp;</label></td>
  </tr>
 <tr>
   <td width="29%" class="align_c">&nbsp;</td>
   <td width="71%" ><label>
     <input type="submit" name="button"  onclick="return save();" value="提交" />
     &nbsp;&nbsp;&nbsp;

   </label></td>
 </tr>
</table>
<div id="www111cnnet"></div>

<script language="javascript教程">
 var $=function(id) {
   return document.getElementById(id);
}
 
function createXMLHttpRequest(){//创建XMLHttpRequest对象
 if(window.ActiveXObject){//IE
  try {
   return new ActiveXObject("Microsoft.XMLHTTP");
  } catch(e){
   return;
  }
 }else if(window.XMLHttpRequest){//Mozilla,firefox
  try {
   return new XMLHttpRequest();
  } catch(e){
   return;
  }
 }
}

function save(){//主调函数
 var xmlHttp=createXMLHttpRequest();
 var url = "/save.php教程"; 
 var ajaxdata = $('ajaxdata').value;
 if (ajaxdata ==''){ 
  alert(' www.111cn.net提示你:请填写数据 ');  
  return false ;
 }
 
 if (xmlHttp){
  callback = getReadyStateHandler(xmlHttp);
  xmlHttp.onreadystatechange = callback;
  xmlHttp.open("POST", url,true);
  xmlHttp.send(null);
 }
}

function getReadyStateHandler(xmlHttp){//服务器返回后处理函数
 return function (){
  if(xmlHttp.readyState == 4){
   if(xmlHttp.status == 200){      
     if (xmlHttp.responseText){        
       $('www111cnnet').innerHTML =xmlHttp.responseText; 
     }      
   }
  }
 }
}
</script> 

<?
sava.php文件

 mysql教程_connect("localhost","root","root") or die('Database Server Uid or Password Error!');
 mysql_select_db('ip') or die('data !');
 mysql_query("SET NAMES 'gb2312'");//设置文档与数据库教程编码一致就OK,否则会出乱码
 
 $data = $_POST['ajaxdata'];
 if( empty( $data ) )
 {
  echo '你未提供数据';
 }
 else
 {
  $sql = "Insert text(data)value('$data')";
  if( mysql_query( $sql ) )
  {
   echo '数据保存成功';
  }
  else
  {
   echo '数据更新失败';
  }
 }
 
?>
 本站原创文章转载注明来自www.111cn.net
*/

时间: 2024-09-23 15:24:29

ajax无刷新更新数据的相关文章

ajax无刷新更新数据与无刷新提交代码

if( $_POST || $_GET ) {  $cn = mysql教程_connect('localhost','root','123456a');  $data = $_POST['data'];  $sql = "update test set data='$data' where id=1";  mysql_db_query('db',$sql,$cn); } ?> <form name="form1" method="post&q

jquery ajax 局部无刷新更新数据的实现

 这篇文章主要对jquery ajax 局部无刷新更新数据的实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 要更新的页面    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

用javascript实现页面无刷新更新数据

javascript|数据|刷新|无刷新|页面 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将数据从服务器上读取出来,显得既专业,又高效. 下面我们就以

用Javascript实现无刷新更新数据

javascript|数据|刷新|无刷新 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将数据从服务器上读取出来,显得既专业,又高效. 下面我们就以一个验

asp ajax无刷新保存数据程序代码

//首先创建访问对象 request  代码如下 复制代码 var request = false; try{  request = new XMLHttpRequest(); } catch (trymicrosoft) {   try{     request = new ActiveXObject("Msxml2.XMLHTTP");    }   catch (othermicrosoft) {     try {       request = new ActiveXObje

用javascript实现页面无刷新更新数据_AJAX相关

以下正文:  程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务 器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的 所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也 显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将 数据从服务器上读取出来,显得既专业,又高效. 下面我们就以一个验证用户是否被注册的情

用javascript实现无刷新更新数据的详细步骤 asp_javascript技巧

程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户.比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来.这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅.其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,"稍稍"的就可以将数据从服务器上读取出来,显得既专业,又高效. 下面我们就以一个验证用户是否被注册的情况来演示这种技术. 

PHP+ajax 无刷新删除数据_php技巧

首先本例基于留言本整理版修改. 我们使用了jquery.js来实现ajax和dom删除 首先加入 复制代码 代码如下: <script type="text/javascript" src="lib/jquery.js"></script> 给table加个 复制代码 代码如下: id="t<!--{$item.id}-->" 写个js: 复制代码 代码如下: <script> function d

js-ajax无刷新更新datalist里面的数据功能可以实现但是就是不能在页面更新数据

问题描述 ajax无刷新更新datalist里面的数据功能可以实现但是就是不能在页面更新数据 前台页面: function AddWell(str, obj) { $.ajax({ type: 'POST', url: 'AddWell.aspx?PfId=' + str, success: function (data) { if (data > 0) { obj.innerHTML = (data); obj.enable = false; } else { alert(data); } }