json数据、ajax判断用户是否存在

一、JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式

1、定义json

var a = {
    "one":"1111",//可以说字符串
    "two":"2222",
    "three":arr,//可以是数组
    "four":{"hello":"你好"}//可以是json
    };

这样看来json就相当于php中的关联数组。

2、输出json

alert(a.one);

alert(a.four.hello);

3、遍历Json数据

for(var k in a)//k是索引
{
    alert(a[k]);
}

二、用ajax判断用户名是否存在

本次所使用的表是users表:

注册界面代码如下(仅用户名):

<title>无标题文档</title>
<script src="jquery-3.2.0.min.js"></script><!--引入jquery包-->
</head>

<body>
<input type="text" id="uid" /><span id="ts"></span>
</body>
<script>
//当鼠标失去焦点时显示
$("#uid").blur(function(){
    var uid = $(this).val();
     //用ajax去数据库匹配,
    $.ajax({
        url:"ajchuli.php", //要处理的页面
        data:{u:uid}, //要传过去的数据
        type:"POST",  //提交方式
        dataType:"TEXT", //返回的数据类型,TEXT字符串 JSON返回JSON XML返回XML;dataType中T要大写!!
        success: function(data){  //回调函数,data为形参,是从login-cl.php页面返回的值
            if(data.trim()=="OK")//trim()去空格
            {
                $("#ts").html("该用户名可用");
                $("#ts").css("color","green");
            }
            else
            {
                $("#ts").html("该用户名已注册");
                $("#ts").css("color","red");
            }
        }
    });
})
</script>
</html>

处理页面:

<?php
$uid = $_POST["u"];
require "DBDA.class.php";
$db = new DBDA();

$sql="select count(*) from users where uid=‘{$uid}‘";
$arr = $db->query($sql);
if($arr[0][0])
{
    echo "NO";
}
else
{
    echo "OK";
}

最终效果图:

时间: 2024-10-15 14:18:37

json数据、ajax判断用户是否存在的相关文章

用ajax判断用户是否已存在?----2017-05-12

首先在用ajax之前,先说一下JSON: JSON:javascript object notation   js对象标记 对于json,我们只需要知道如何定义json?如何输出?怎么遍历? 1.定义json var a = { "one":"111", "two":"222", "three":arr,     -------可以是数组(var arr=new Array(2,3,4)) "fo

PHP JSON数据 AJAX

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:

服务端提供的JSON数据接口与用户端接收解析JSON数据

首先来了解下JSON格式解析 json结构的格式就是若干个 键/值(key, value) 对的集合,该集合可以理解为字典(Dictionary),每个 键/值 对可以理解成一个对象(Object). 键/值 对中的 键(key) 一般是 一个string,值(value)可以是string.double.int等基本类型,也可以嵌套一个 键/值 对,也可以是一个数组,数组里面的数据的类型可以是基本类型,或者 键/值 对.可以看出 键/值 本来没什么,只是嵌套得多了就会觉得混乱,下面举个具体的例

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

1.ajax数据的封装 var json = {"token":token};//封装json数据 $.ajax({ url:'', data:JSON.stringify(json),//封装成json dataType:"JSON", type:"POST", async:false, cache:false, contentType:'application/json;charset=UTF-8',//必须添加 success:functi

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

本文链接:https://blog.csdn.net/qq_22103321/article/details/78015920 前端提交json数据 $.ajax({ type: "post", url: url,//请求地址 data: JSON.stringify(data),//json数据,如{"key1":"value1","key2":"value2"} dataType: "json

PHP-------ajax返回值 返回JSON 数据

ajax返回值  返回JSON  数据 ajax返回值 有text   JSON ajax返回值  返回JSON  数据 1 <title>无标题文档</title> 2 <script src="../jquery-1.11.2.min.js"> 3 </script> 4 5 <!--ajax返回值 有text JSON--> 6 <!--ajax返回值 返回JSON 数据--> 7 8 9 10 11 <

SpringMVC从Control中响应json数据

在页面上异步获取Controller中响应的json数据. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

服务端Json数据+js表单数据提交的 表单交互插件(base-form.js)

我们在做表单的查看.编辑里涉及两个点: 点1,提交Form表单到服务器,保存到数据库 点2,页面显示Form表单里的所有字段 如果表单的字段很多,这两个点会有两个问题: 1,提交Form时,如何少量代码.快速获取表单的所有数据? 2,页面显示Form表单时,如何自动给表单的所有字段自动赋值,而不要一个一个属性地写代码? 针对这两个问题,我有一个推荐的做法,下面以Demo举例: 1)index.html或index.jsp里写一个form表单,引入jquery.js: <srcript type=

Struts2中通过Ajax传递json数据

1.导入Struts2所需要的jar包 下载Struts2的jar包时,可以下载struts-2.5.13-min-lib.zip,然后放到项目的/WebContent/WEB-INF/lib路径下struts-2.5.13-min-lib只包含以下jar包: commons-fileupload-1.3.3.jar commons-io-2.5.jar commons-lang3-3.6.jar freemarker-2.3.23.jar javassist-3.20.0-GA.jar ogn