php+mysql+ajax 黄金步骤

<-------------------html页面--------------------->//前台页面表单页

 

<html>

<head><title>我是前台表单页</title></head>

<body>

<form action='chuli.php' method='post'>

姓名:<input type='text' name='tex1'/>

性别:<input type='text' name='tex2'/>

<input type='submit' values='提交'/>

</form>

</body>

 

<-------------------chuli.php------------------------>//接收数据连接数据库写入内容

 

<?php

$link=mysql_connect('localhost','root','123')   / / 连接数据库123是数据库的密码

mysql_selected_db('student',$link)                  / /student是数据库名称

$sql="insert into stu values('$POST['tex1']','$POST['tex2']')";

mysql_query($sql);

if(mysql_affected_rows()>0)

{echo '写入数据成功';                 //如果mysql_affected_rows()>0即写入数据库成功}

?>

 

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<以上是实现php与mysql间的黄金步骤,下面是ajax的黄金五步骤>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

//首先知道ajax是写在js中的

function textH()
{ var xhr;     //定义一个ajax的对象
  var text=document.getElementById("c").value;  //表 单中国的的值,要通过url参数进行一步传送
  var url="a.php?content="+text;                                  //异步传送内容                
  xhr=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");//定义一个浏览器的通用对象
  xhr.open("GET",url,true);//打开提交地址及其提交方法,和异步
  xhr.send(null);//发送请求
  xhr.onreadystatechange=function()     //监听
  {if(xhr.readyState==4)                                //事件追踪,看执行到哪了
    {document.getElementById("div").innerHTML+="***的留言:"+xhr.responseText+"<br /><hr/>";  //异步接收数据
 document.getElementById("c").value="";
 document.getElementById("c").focus();
 }
  }
 }

你可能感兴趣的:(php+mysql+ajax 黄金步骤)