如何使用ajax _ examples ajax的数据处理

应该注意的是，调用的封装数据库和jQuery的保存地址

一.登记

(1)写一个文本框来验证用户名

输入类型=' text ' id=' uid '/span id=' tishi '/span//这用于显示提示信息

(2)写入jQuery语句：用户名不能用，但用户名可以用

$('#uid ')。blur(function(){//取用户名var uid=$(this)。val()；//查找数据库并调整ajax$。ajax({ //ajax方法必须是json格式的URL : ' zhucecl.php '，//处理页面的address data3360 {u3360uid}，//这里是Json格式3360u的名称，uid是值类型：'POST '。//数据提交方式：dataType:'TEXT '，//返回数据格式：字符串格式：success:function(数据){ //如果成功，返回匿名函数(回调函数)//成功处理页面后执行语句var str='；If(data=='OK') {str='可以使用用户名'；$('#tishi ')。css('color '，' green ')；} else {str='现有用户名'；$('#tishi ')。css('color '，' red ')；} $('#tishi ')。文本(字符串)；}});})(3)报名处理页面：我写了很多遍了，就不逐句解释了

？Php//调包类：注意保存位置include(' dbda . class . PHP ')；$db=新DBDA()；//传递的值$uid=$_POST['u']中的名称；$sql='从renyuan中选择count(*)，其中username=' { $ uid }//调用封装函数$ attr=$ db-Query($ SQL)；//判断用户名是否存在if($ attr[0][0]0){ echo ' NO '；//有重复的用户名} else { echo ' OK//没有重复的用户名}？

第二，登录

(1)编写文本框和登录按钮

Div帐号：input type=' text ' id=' uid '/div div密码：input type=' password ' id=' pwd '/div input type=' button ' value=' log in ' id=' BTN '/(9503 . 163.com)

(2)编写jQuery语句

$('#btn ')。单击(function(){var uid=$('#uid '))。val()；//找到用户变量pwd=$('#pwd ')。val()；//找到密码。//调整ajax方法，应该使用json格式$。Ajax ({url:' denglucl.php '，//登录处理页面data: {uid: uid，pwd: pwd}，类型：' post '，数据类型3360' text '，成功：函数(data){ if(data . trim()=' OK '){ window . location . href=' zhuce . PHP ' rel=' external no follow '；//用户名和密码正确，进入页面} else {alert('用户名和密码输入错误')；} } })})))3)登录处理页面：写了很多遍，不会逐句讲解

？phpinclude(' DBDA . class . PHP ')；$db=新DBDA()；$ uid=$ _ POST[' uid ']；$ pwd=$ _ POST[' pwd ']；$sql='从汇源选择mima，其中胡勇=' { $ uid }$ attr=$ db-Query($ SQL)；if(！空的($pwd)！空($ attr)$ attr[0][0]==$ pwd)//密码不为空，数组不为空。输入的密码和找到的密码是否相同{回应‘确定’；} else { echo ' ON}

登录成功：

第三，ajax数据处理

(1)先显示名称行，正常编辑。您想要显示的内容

表格宽度=' 100% '边框=' 1 '单元格填充=' 0 '单元格间距=' 0' tr TD代码/td td TD名称/td TD价格/td原产地/td库存/TD运营/TD/TR/表格

(2)写另一个表格显示内容

Tbody id='bg'/将数据内容放入遍历的表中/tbody(3)写jQuery，页面加载后执行。

$(文档)。就绪(函数(e) {$。Ajax({ URL : ' xinshicl . PHP '，datatype :' text '，success :函数(数据){//处理完页面后执行})；(4)编写和显示数据处理页面(两种方法)

include(' DBDA . class . PHP ')；//调用封装类：关注已有位置$db=新DBDA()；//创建新对象$sql='从水果中选择* '；//编写sql语句echo $ db-StrQuery($ SQL)；//1.调用打包拼接数组是字符串/* //2的方法。$ attr=$ db-Query($ SQL)；//调用封装类中的方法执行sql语句$ str=foreach($attr as $v){$str。=implode('^',$v).'|';//拼接数组为string} echosubstr ($ str，0，strlen($ str)-1)；//截取字符串：不显示最后一个拼接。br*/(5)处理完页面后，在主页面的ajax中用成功的方法写好处理页面后的语句。

success:函数(数据){ var hang=data . split(' | ')；//拆分字符“|”字符串：显示行var str=“”；for(var I=0；ihang.lengthi ){ var lie=hang[i]。split('^')；//拆分字符串" " :以显示列str=' trtd ' lie[0]'/tdtd ' lie[1]'/tdtd ' lie[2]'/tdtd ' lie[3]'/tdtd ' lie[5]'/tdtd operation/TD/tr '；//显示的行和单元格} $('#bg ')。html(字符串)；}这表明：

上面这篇关于ajax的用法和ajax的数据处理的文章是边肖与大家分享的全部内容。希望能给大家一个参考，多多支持我们。