JSON数据的定义方式

 //写入数据
var a = {
code:"p001",
name:"张三",
shuzu:new Array(1,2,3,4),
json:{aa:"aa",bb:"bb"},
age:18
};
//读取数据
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("登录失败!");
}
} }); })
});

登录处理页面

 //接收传递的值
$uid = $_POST["u"];
$pwd = $_POST["p"];
//引入访问数据库的类
include("../dbda.class.php");
$db = new dbda();
$sql = "select * from users where Uid='{$uid}' and Pwd='{$pwd}'";
$attr = $db->Query($sql);
//如果查询结果为1说明用户名和密码正确,返回OK
if($attr[0][0]==1)
{
echo "OK";
}
//否则说明不正确,返回NO
else
{
echo "NO";
}

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. jQuery实现照片墙,附步骤详解

    现在一直使用vue写项目,发现之前的js都很生疏了,写个小demo练下手,看一下最终效果展示 功能点:点击添加图片随机添加一张图片,图片可以拖动,可以点击删除 技能点: 主要使用了jQuery的一些方 ...

  2. vue-element-admin 多层路由问题

    在二级页面上添加<router-view> 关于页面打包后三级路由无法访问问题 需要将 存放router-view 的页面单独存放一个文件夹 router.js 写法

  3. ubuntu18.04安装fcitx

    fcitx安装比较麻烦,我每次安装都要费不少劲,每次装安之后都没有写日志记录下来,导致下次装的时候又手忙脚乱,所以这次一定要记录下来. 前因: 我本来用的是ibus,但是这个输入法好像有bug,我在编 ...

  4. CAN学习方法(知乎)

    作者:心机之花链接:https://www.zhihu.com/question/26776219/answer/244433861来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...

  5. Hadoop_04_Hadoop 的HDFS客户端shell命令

    1.Hdfs shell客户端命令操作: 1.1.查看命令列表:hadoop fs 帮助如下: Usage: hadoop fs [generic options] [-appendToFile &l ...

  6. QTP(16)

    一.QTP项目(ECShop) 1.ECShop是一个开源免费的一个B2C的电子商务系统,主要用于商家和顾客进行商品交易操作. 2.ECShop分为前台和后台两个子系统: (1)ECShop前台:顾客 ...

  7. python 之多线程join()

    join()其实就是阻塞线程,控制线程的执行,从而控制住代码的执行顺序. 参照这篇文章:python3对多线程join的理解 通常都是,线程join()后,顺序执行join()后面的代码,如下面的例子 ...

  8. Machine Learning(Andrew Ng)学习笔记

    1.监督学习(supervised learning)&非监督学习(unsupervised learning) 监督学习:处理具有若干属性且返回值不同的对象.分为回归型和分类型:回归型的返回 ...

  9. 【leetcode】1287. Element Appearing More Than 25% In Sorted Array

    题目如下: Given an integer array sorted in non-decreasing order, there is exactly one integer in the arr ...

  10. 燕化迷你ACDP程序FEM / BDC

    带有BMW FEM / BDC模块的Mini ACDP可通过ICP或OBP模式支持FEM / BDC IMMO键编程.与传统的接线方式相比,它们有什么区别? 方法1:通过其他设备通过焊接进行FEM / ...