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方式

  1. $.ajax({
  2.  
  3. url:"ChuLi.php", //传递的地址
  4. data:{u:uid}, //传递的参数
  5. type:"POST", //传递的方式
  6. dataType:"TEXT", //返回的类型
  7. success:function(data){ //返回成功后执行的函数
  8. if(data=="OK")
  9. {
  10. var str = "该用户名可以使用!"
  11. $("#xinxi").html(str);
  12. }
  13. else
  14. {
  15. var str = "<span style='color:red'>该用户名已存在</span>";
  16. $("#xinxi").html(str);
  17. }
  18.  
  19. }
  20. });

实例:利用AJAX实现不刷新登录

  1. 用户名:<input type="text" id="uid" />
  2. 密码:<input type="text" id="pwd" />
  3. <input type="button" id="btn" value="登录" />

JQuery代码

  1. $(document).ready(function(e) {
  2. //给登录按钮添加点击事件
  3. $("#btn").click(function(){
  4. //去除两个文本框中的值
  5. var uid = $("#uid").val();
  6. var pwd = $("#pwd").val();
  7. 调用AJAX
  8. $.ajax({
  9.  
  10. url:"DLChuLi.php",
  11. data:{u:uid,p:pwd},
  12. type:"POST",
  13. dayetype:"TEXT",
  14. success:function(date){
  15. //如果返回OK跳转页面
  16. if(date=="OK")
  17. {
  18. window.location="text1.php";
  19. }
  20. //如果反悔NO提示登录失败
  21. else
  22. {
  23. alert("登录失败!");
  24. }
  25. }
  26.  
  27. });
  28.  
  29. })
  30. });

登录处理页面

  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. }

PHP JSON数据 AJAX的更多相关文章

  1. ajax传递json数据,springmvc后台就收json数据

    1.ajax数据的封装 var json = {"token":token};//封装json数据 $.ajax({ url:'', data:JSON.stringify(jso ...

  2. Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. jQuery AJAX获取JSON数据解析多种方式示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. Ajax传递json数据简介和一个需要注意的小问题

    Ajax传递json数据 Ajax操作与json数据格式在实际中的运用十分广泛,本文为大家介绍一个两者相结合的小案例: 项目结构 我们新建一个Django项目,在里面创建一个名为app01的应用: p ...

  5. ajax提交json数据到后端C#解析

    本文链接:https://blog.csdn.net/qq_22103321/article/details/78015920 前端提交json数据 $.ajax({ type: "post ...

  6. Django之AJAX传输JSON数据

    目录 Django之AJAX传输JSON数据 AJAX 中 JSON 数据传输: django响应JSON类型数据: django 响应 JSON 类型数据: Django之AJAX传输JSON数据 ...

  7. 原生js,jquery通过ajax获得后台json数据动态新增页面元素

    一.原生js通过ajax获取json数据 因为IE浏览器对ajax对象的创建和其他浏览器不同,为了兼容全部浏览器,我用下面的代码: function createXMLHttpRequest(){ t ...

  8. Js循环读取JSON数据

    <script> $(function () { var jsonString = '{Unid:"1",CustomerName:"宋江",Age ...

  9. SpringMVC之json数据传递

    json是一种常见的传递格式,是一种键值对应的格式.并且数据大小会比较小,方便传递.所以在开发中经常会用到json. 首先看一下json的格式: {key1:value1,key2:value2} 每 ...

随机推荐

  1. Mybatis和hibernate的优缺点比较

    介绍: Hibernate :Hibernate 是当前最流行的ORM框架,对数据库结构提供了较为完整的封装. Mybatis:Mybatis同样也是非常流行的ORM框架,主要着力点在于POJO 与S ...

  2. fetch的文件流下载及下载进度获取

    下载过程中,获取进度,fetch API并没有提供类似xhr和ajax的 progress所以用 getReader()来循环读取大小 let size = 0; fetch( URL() + `/s ...

  3. 第十章、os模块

    目录 第十章.os模块 一.os模块 第十章.os模块 一.os模块 方法 详解 os.getcwd() 获取当前工作目录,即当前python脚本工作的目录路径 os.chdir("dirn ...

  4. imx6 yocto移植 环境搭建

    系统:ubuntu14.04 LTS 切换软件下载源,确保下载资源是最快. 安装必要软件工具: ~$ apt-get install vim ~$ apt-get install openssh-se ...

  5. 线上MYSQL同步报错故障处理总结(转)

    前言 在发生故障切换后,经常遇到的问题就是同步报错,数据库很小的时候,dump完再导入很简单就处理好了,但线上的数据库都150G-200G,如果用单纯的这种方法,成本太高,故经过一段时间的摸索,总结了 ...

  6. .npy文件怎么打开

    import numpy as np test = np.load(r'C:\Users\SAM\PycharmProjects\TEAMWORK\Preprocess_3D\muchdata-50- ...

  7. +new Date是什么意思?

    转载自:http://blog.csdn.net/abxn2002/article/details/53420816 JavaScript中可以在某个元素前使用 ‘+’ 号,这个操作是将该元素转换成N ...

  8. redis主从配置及其java的调用(转)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/gsying1474/article/de ...

  9. django 之csrf、auth模块及settings源码、插拔式设计

    目录 基于django中间件拷贝思想 跨站请求伪造简介 跨站请求伪造解决思路 方式1:form表单发post请求解决方法 方式2:ajax发post请求解决方法 csrf相关的两个装饰器 csrf装饰 ...

  10. [人物存档]【AI少女】【捏脸数据】时尚

    点击下载(城通网盘):3in1.zip 点击下载(城通网盘):存档.zip