JSON数据的定义方式
1 //写入数据 2 var a = { 3 code:"p001", 4 name:"张三", 5 shuzu:new Array(1,2,3,4), 6 json:{aa:"aa",bb:"bb"}, 7 age:18 8 }; 9 //读取数据 10 alert(a.code);
AJAX方式
$.ajax({ url:"ChuLi.php", //传递的地址 data:{u:uid}, //传递的参数 type:"POST", //传递的方式 dataType:"TEXT", //返回的类型 success:function(data){ //返回成功后执行的函数 if(data=="OK") { var str = "该用户名可以使用!" $("#xinxi").html(str); } else { var str = "<span style=‘color:red‘>该用户名已存在</span>"; $("#xinxi").html(str); } } });
实例:利用AJAX实现不刷新登录
用户名:<input type="text" id="uid" /> 密码:<input type="text" id="pwd" /> <input type="button" id="btn" value="登录" />
JQuery代码
$(document).ready(function(e) { //给登录按钮添加点击事件 $("#btn").click(function(){ //去除两个文本框中的值 var uid = $("#uid").val(); var pwd = $("#pwd").val(); 调用AJAX $.ajax({ url:"DLChuLi.php", data:{u:uid,p:pwd}, type:"POST", dayetype:"TEXT", success:function(date){ //如果返回OK跳转页面 if(date=="OK") { window.location="text1.php"; } //如果反悔NO提示登录失败 else { alert("登录失败!"); } } }); }) });
登录处理页面
1 //接收传递的值 2 $uid = $_POST["u"]; 3 $pwd = $_POST["p"]; 4 //引入访问数据库的类 5 include("../dbda.class.php"); 6 $db = new dbda(); 7 $sql = "select * from users where Uid=‘{$uid}‘ and Pwd=‘{$pwd}‘"; 8 $attr = $db->Query($sql); 9 //如果查询结果为1说明用户名和密码正确,返回OK 10 if($attr[0][0]==1) 11 { 12 echo "OK"; 13 } 14 //否则说明不正确,返回NO 15 else 16 { 17 echo "NO"; 18 }
时间: 2024-11-09 02:00:36