w3c的ajax操作函数,关于ajax的使用方法_例题、ajax的数据处理
AJAX 的 关于ajax的使用方法_例题、ajax的数据处理
需要注意的是,调用的封装的数据库,和jQuery的保存地址
一、注册
(1)写文本框来进行用户名的验证
//这个使用来显示提示信息的
(2)用jQuery语句写:用户名存在不能使用,用户名可以使用
$("#uid").blur(function(){
//取用户名
var uid = $(this).val();
//查数据库,调ajax
$.ajax({ //ajax方法中必须是json格式
url: "zhucecl.php", //处理页面的地址
data:{u:uid}, //这里是Json的格式:u是起的个名字,uid才是值
type:"POST", //数据提交方式
dataType:"TEXT", //返回的数据格式:字符串格式
success:function(data){ //成功的话返回匿名函数(回调函数)
//执行处理页面成功后的语句
var str = "";
if(data=="OK")
{
str = "用户名可以使用";
$("#tishi").css("color","green");
}
else
{
str = "已有用户名";
$("#tishi").css("color","red");
}
$("#tishi").text(str);
}
});
})
(3)注册的处理页面:写了很多遍的了,不再一句句解释
//调封装好的类:注意保存位置
include("DBDA.class.php");
$db = new DBDA();
//传的值起的名字
$uid = $_POST["u"];
$sql = "select count(*) from renyuan where username='{$uid}'";
//调用封装的函数
$attr =$db->Query($sql);
//判断用户名是否存在
if($attr[0][0]>0)
{
echo "NO"; //有重复的用户名
}
else
{
echo "OK"; //没有重复的用户名
}
?>
二、登录
(1)写文本框和登录按钮
(2)写jQuery的语句
$("#btn").click(function(){
var uid=$("#uid").val(); //找到用户
var pwd=$("#pwd").val(); //找到密码
//调ajax方法,里面要用json格式
$.ajax({
url:"denglucl.php", //登陆的处理页面
data:{uid:uid,pwd:pwd},
type:"POST",
dataType:"text",
success: function(data)
{
if(data.trim()=="OK")
{
window.location.href="zhuce.php" rel="external nofollow" ; //用户名密码正确,进入一个页面
}
else
{
alert("用户名密码输入错误");
}
}
})
})
(3)登陆的处理页面:写了很多遍的了,不再一句句解释
include("DBDA.class.php");
$db = new DBDA();
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
$sql = "select mima from huiyuan where yonghu='{$uid}'";
$attr = $db->Query($sql);
if(!empty($pwd) && !empty($attr) && $attr[0][0]==$pwd) //密码不为空,数组不为空,输入密码和查出的密码是否相同
{
echo "OK";
}
else
{
echo "ON";
}
登录成功 :
三、ajax的数据处理
(1)先把名称行显示出来,正常编辑就可以,想显示的内容
代号 | 名称 | 价格 | 产地 | 库存 | 操作 |
(2)再写个显示内容的表
//里面放遍历的某个表中的数据内容
(3)写jQuery,页面加载完成后再执行
$(document).ready(function(e) {
$.ajax({
url:"xianshicl.php",
dataType:"TEXT",
success: function(data){
//处理页面处理完成后执行的
});
(4)编写显示数据处理页面(两种方法)
include("DBDA.class.php"); //调用封装好的类:注意存在位置
$db = new DBDA(); //造新对象
$sql = "select * from fruit"; //写sql语句
echo $db->StrQuery($sql); //1.调用封装好的拼接数组为字符串的方法
/* //2.
$attr = $db->Query($sql); //调用封装类中的方法来执行sql语句
$str = "";
foreach($attr as $v)
{
$str .= implode("^",$v)."|"; //拼接数组为字符串
}
echo substr($str,0,strlen($str)-1); //截取字符串:最后的拼接符不显示
*/
(5)处理页面结束后,在主页面的ajax中的成功方法中写入处理页面结束后的语句
success: function(data){
var hang = data.split("|"); //拆分字符“|”串:显示行
var str = "";
for(var i=0;i
{
var lie = hang[i].split("^"); //拆分字符串“^”:显示列
str += "
"+lie[0]+""+lie[1]+""+lie[2]+""+lie[3]+""+lie[5]+"操作"; //显示的行和单元格
}
$("#bg").html(str);
}
这样就显示了:
以上这篇关于ajax的使用方法_例题、ajax的数据处理就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
w3c的ajax操作函数,关于ajax的使用方法_例题、ajax的数据处理相关推荐
- JQuery Ajax操作
JQuery Ajax操作 上回我们谈到Ajax操作分为JS Ajax.JQuery Ajax两种操作,上回具体讲解了JS Ajax操作,今天我们来小谈一下JQ Ajax操作 ...
- ajax只能用get吗,基本的Ajax,但无法使用GET或POST方法
我知道那里有很多教程和相同的问题,但我已经尝试了很多次,并且Ajax无法使用. PLZ纠正我的脚本: 这里的index.php基本的Ajax,但无法使用GET或POST方法 echo' functio ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
- 对ajax回调函数的研究
假如你现在还在为自己的技术担忧,假如你现在想提升自己的工资,假如你想在职场上获得更多的话语权,假如你想顺利的度过35岁这个魔咒,假如你想体验BAT的工作环境,那么现在请我们一起开启提升技术之旅吧,详情 ...
- laravel基础课程---11、lavarel的ajax操作(ajax优劣势是什么)
laravel基础课程---11.lavarel的ajax操作(ajax优劣势是什么) 一.总结 一句话总结: 优势:用户友好度:异步通信,不会频繁刷新页面,用户友好度比较高 优势:减轻数据库压力 缺 ...
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用...
一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts importr ...
- ajax操作的链式写法
ajax操作的传统写法: $.ajax({ url: url, success: function(){ doWhenSuccess(); }, error: function(){ doWhenEr ...
- 利用jquery操作ajax,利用jquery对ajax操作,详解原理(附代码)
1.jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector ...
- asp.net ajax回调函数
javascript 调用后台类(webservice)的语法: 类名.方法名(参数1,参数2,--,参数n,回调函数) 调用上有两个差别:一是不需要使用变量接收返回值,二是要在所有参数后面加一个参数 ...
最新文章
- 在Ubuntu中使用远程桌面
- win7安装gtp磁盘_GPT转MBR分区格式安装win7/win10系统教程
- STM32 RTC实时时钟
- 【深度学习】一位算法工程师从30+场秋招面试中总结出的超强面经——目标检测篇(含答案)...
- One order search的框架代码里,硬编码了要去取Interaction object相关的数据
- leetcode 322. 零钱兑换 思考分析
- 【uC/OS-II】笔记1----入门
- Tensorflow 卷积神经网络 (二)
- docker容器下mysql更改WordPress的site address和home(URL)
- error code ELIFECYCLE
- HP MSA2312 ERROR
- 下载新版火狐后无法同步书签_Ubuntu解决火狐浏览器无法同步书签的问题【推荐】...
- 【舆情聚焦】 乐视危机舆情监测专项报告
- 入门STM32--怎么学习STM32
- 计算机专业毕业设计(论文)指导pdf,中国计量学院信息工程学院毕业设计论文指导书计算机专业.pdf...
- 计算机密码学论文,密码学论文写作范例论文
- SAP ABAP MOVE 及 CORRESPONDING 7.4版本新用法
- 打印机可以打印不能扫描怎么弄_打印机无法扫描怎么解决 打印机无法扫描相关介绍【解决方法】...
- 数据分析学习之roc曲线
- Python 获取优惠券淘宝口令
热门文章
- JSON学习笔记(三)- 数组
- 使用JestClient操作ElasticSearch
- 谈谈spark.sql.shuffle.partitions和 spark.default.parallelism 的区别及spark并行度的理解
- 数据结构那些事(二)
- 电脑上如何安装CAD看图软件及dwg图纸的打开?
- Kubernetes容器云的互联网企业实践
- ES6 WeakSet数据结构 与Set十分相似
- 统计学习方法 李航---第7章 支持向量机
- 『 效率工具 』Spring Boot版的轻量级代码生成器,减少70%以上的开发任务
- Linux_基础_进程管理