<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<div><input type="text" id="uid" /><span id="xinxi"></span></div>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    $("#uid").blur(function(){

        //把文本框的值取出来

        var uid = $(this).val();

        /*

            数据传输：同步：传输必须等到接收方接收到，才能传下一个。

            异步：传输不用等到对方接受就可以继续传递。

            AJAX:同步：AJAX必须处理完才能继续向下执行，

            异步：AJAX在处理数据的同时，代码继续向下执行

        */

        //调用ajax

        $.ajax({

            async:false,            //默认异步，false就是同步AJAX

            url:"ChuLi1.php",//处理页面

            data:{u:uid}, //传递的数据，JSON数据

            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);

                    }

                }

            });

        })

});

</script>

</html>
 

Chuli1.php

<?php

//接收传递过来的参数

$uid = $_POST["u"];

//查数据库

include("./Tp.class.php");

$db = new Tp();

$sql = "select * from nation where code = '{$uid}'";

$attr = $db->query($sql);

if($attr[0][0]=="n001")

{

    echo "OK";

}

else

{

    echo "NO";

}

?>

AJAx 刷新页面的更多相关文章

  1. Ajax– 刷新页面 【转】

    jquery刷新页面(局部及全页面刷新) 2009-12-31 11:39:32|  分类: javascript|举报|字号 订阅 局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法 ...

  2. 不使用Ajax，如何实现表单提交不刷新页面

    不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...

  3. HTTP与AJAX深入揭秘，不使用AJAX实现页面无刷新

    AJAX的原理是什么? 实际上就是发起HTTP请求,既然就是发起HTTP请求,那只要我们能够实现发起HTTP请求就可以在不使用AJAX的情况下实现相同的效果. 在前端有好多方式可以发起HTTP请求,比 ...

  4. 使用Ajax上传图片到服务器（不刷新页面）

    有时候我们需要上传图片时不刷新页面,那么Ajax就是很好的东西哦.之前在网上找了很多的资料都不对,不是这里就是那里错,这是本人亲自测试了的哈,是没有问题的,若有不足之处希望指正.我用的.net,对了这 ...

  5. 使用AJAX做关键字查询：输入框变化自动搜索、无刷新页面;

    使用AJAX做关键字查询要求:1.无刷新页面2.输入框变化自动搜索 <style type="text/css"> .k{ width:150px; height:30 ...

  6. AJAX JQuery 调用后台方法返回值（不刷新页面）

    AJAX JQuery 调用后台方法返回值(不刷新页面) (1)无参数返回值(本人亲试返回结果不是预期结果) javascript方法: $(function () {             //无 ...

  7. 解决Ajax.BeginForm还是刷新页面的问题

    在.net mvc中用Ajax.BeginForm来实现异步提交,在Ajax.BeginForm里面还是可以用submit按钮,一般来说 submit按钮是提交整个页面的数据.但是在Ajax.Begi ...

  8. Ajax 实现无刷新页面

    注意:如本文所用,在前面的文章库的数目可以在源代码中找到,我将指示在文本,其中链路,为了缩短制品的长度,阅读由此带来的不便.乞求被原谅. 评论文章 Ajax 实现无刷新页面.其原理.代码库.代码. 这 ...

  9. ajax的分页查询（不刷新页面）

    既然是分页查询,那么就要有张数据很多的表,可以让它进行分页显示,用普通的方法进行分页查询必然是要刷新页面的,这里要实现不刷新页面进行分页显示数据,就要用到ajax方式.进行编写代码 (1)先写个显示数 ...

随机推荐

  1. 敏捷开发（七）- SCRUM评估会议

    本文主要是为了检测你对SCRUM 评估会议的了解和使用程度, 通过本文你可以检测一下     1.你们的SCRUM 评估会议的过程和步骤    2.SCRUM 评估的输出结果一.会议目的      1 ...

  2. top batch output

    echo 3 > sudo tee /proc/sys/vm/drop_caches top -d30 -bn20 > a

  3. 第一百一十六节，JavaScript，DOM操作样式

    JavaScript,DOM操作样式 一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检 ...

  4. java 打开浏览器 url

    public class openBrowers { public static void main(String[] args) { try { //String url = "http: ...

  5. 《Intel汇编第5版》 条件汇编伪指令

    一.条件汇编伪指令和宏使用可以使汇编程序更加灵活 二.通过伪指令来检查函数的参数是否为空,如果为空则输出警告信息 INCLUDE Irvine32.inc includelib Irvine32.li ...

  6. 如果有两个list<Object>只取出两个中不重复的（还可以优化，这里计数器没做好，暂时使用第三变量）

    import java.util.*; class test2{ public static void main(String[] args){ List<Integer> objList ...

  7. 【系统设计】论文总结之：Butler W. Lampson. Hints for computer system design

    Butler W. Lampson. Hints for computer system design. ACM Operating Systems Rev. 15, 5 (Oct. 1983), p ...

  8. Python基础（五）-函数

    函数: 1.定义与使用: def 函数名(参数): "函数_文档字符串" 函数体 ... return [表达式] ## def:表示函数的关键字 函数名:函数名称,根据函数名调用 ...

  9. 最有用的Gulp插件汇总

    HTML&CSS autoprefixer - parse CSS and add vendor prefixes to rules by Can I Use. gulp-browser-sy ...

  10. iframe自适应高度计算，iframe自适应

    计算页面的实际高度,iframe自适应会用到 IfrHeight: function (iframeId, callback) { var height; function calcPageHeigh ...