用AJAX方法不刷新网页使用下拉列表连接数据库

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

<html xmlns="http://www.w3.org/1999/xhtml">

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

<select id="sel">

</select>

</body>

<script type="text/javascript">

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

    $.ajax({

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

        data:{},                     //要提交的值

        type:"POST",                 //提交方式

        dataType:"TEXT",             //返回类型

        success: function(ss){         //回调函数

            var hang=ss.split("|");

            var str="";

            for(var i=0;i<hang.length;i++)

            {

                var lie=hang[i].split("^");    

                str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>"

            }

            $("#sel").html(str);

            }

        });

});

</script>

</html>
<?php

include("dbda.class.php");

$db=new dbda;

$sql="select * from nation";

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

$str="";

foreach($attr as $v)

{

    $str=$str.implode("^",$v);

    $str=$str."|";

}

$str=substr($str,0,strlen($str)-1);

echo $str;

用AJAX方法实现判断账号是否已注册

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

<html xmlns="http://www.w3.org/1999/xhtml">

<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="xx"></span></div>

</body>

<script type="text/javascript">

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

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

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

        //调AJAX

        $.ajax({

            url:"uidchuli.php",

            data:{u:uid},

            type:"POST",

            dataType:"TEXT",

            success: function(date){

                if(date.trim()=="ok")

                {

                    var str="可以使用";

                    $("#xx").html(str);

                    $("#xx").css("color","#0F0");

                }

                else

                {

                    var str="已存在";

                    $("#xx").html(str);

                    $("#xx").css("color","#F00");

                }

                }

            });

        })

});

</script>

</html>
<?php

$uid=$_POST["u"];

include("dbda.class.php");

$db=new dbda;

$sql="select count(*) from users where uid='{$uid}'";

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

if($attr[0][0]>0)

{

    echo"no";

}

else

{

    echo"ok";

}

JQ AJAX的更多相关文章

  1. 原生Ajax 和Jq Ajax

    前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开.服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的 ...

  2. 关于jq ajax封装以及error的报错参数

    jq的ajax完整版本 $.ajax({ url: "GetCityByPId.ashx", data: {pId:pid}, dataType: "JSON" ...

  3. JQ+AJAX实现多级联动

    利用JQ与AJAX实现三级联动实现的效果: 当前两级改变时,后边一级或两级都会改变: 使用的数据库: html代码: <!doctype html> <html lang=" ...

  4. jq,ajax,post例子。

    jq post 例子 <script> $(function(){ $('#button').on('click', function(){ $.ajax({ type: 'POST', ...

  5. 关于jq ajax封装以及ajax上传Webapi

    jq的ajax完整版本 $(function () {     fileChange(); }); function fileChange() {     $('#fileinput').change ...

  6. jq ajax 传递数组 后台php 接值处理

    //jq数组 var arr = [1,2,3]; //把数组转换为json ajax 传递参数的时候不能直接传递数组 转换为json 可直接传递 var datas = JSON.stringify ...

  7. 【笔记】关于jq $.ajax 函数 success回调函数不能赋正确值或返回正确值的问题

    最近在一个项目里面打算实现如下功能: 当我注册账号的时候当输入账号完毕后输入框失焦时执行一个 ajax 请求,验证账号是否被注册,并未这个输入框的 isCorrect属性赋值,如果没有被注册 isCo ...

  8. jq ajax传递json对象到服务端及contentType的用法

    目录 0.一般情况下,通过键值对的方式将参数传递到服务端 1.ajax 传递复杂json对象到服务端 2.content-Type 对asp.net mvc项目的重要性 0.一般情况下,通过键值对的方 ...

  9. jq ajax封装

    //ajax公共方法,zs 2017-06-14 $.extend({ //比jq的ajax多了的参数: //salert是否在请求成功后弹出后台的SuressStr字段值 //ealertStr:请 ...

随机推荐

  1. CSU 1333 Funny Car Racing （最短路）

    题目链接: http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1333 解题报告:一个图里面有n个点和m条单向边,注意是单向边,然后每条路开a秒关闭b秒 ...

  2. 简单易懂的crontab设置工具集

    导读 在上一篇文章中,我介绍了crontab的配置文件以及如何设置定时任务,对于偶尔用一次crontab的同学而言,可能遗忘配置语法会很快,这里我向大家推荐几个在线设置crontab任务的网站. ge ...

  3. (转)android图片压缩总结

    原文地址:http://blog.csdn.net/cherry609195946/article/details/9264409 一.图片的存在形式 1.文件形式(即以二进制形式存在于硬盘上)2.流 ...

  4. ubuntu linux 下wine的使用

    ubuntu linux 下wine的使用 之前写了一篇 ubuntu15.10下编译安装wine1.8rc4 这一篇是来写它的使用的. 1.安装Wine支持包 现在,需要安装非开源(但免费)的支持包 ...

  5. python gui之tkinter界面设计pythonic设计

    ui的设计,控件id的记录是一件比较繁琐的事情. 此外,赋值和读取数据也比较繁琐,非常不pythonic. 有没有神马办法优雅一点呢?life is short. 鉴于控件有name属性,通过dir( ...

  6. td的title属性

    今天才知道html元素td还有一个title属性,就是一个tooltip的东西,即当你把鼠标放在td上面的时候,会弹出一个提示语,这个提示语就是td的title. 把td的文本赋值给title: ht ...

  7. HTML锚点参考

    锚点参考 <ul class="banner-pic"> <li style="background: url(../Content/images/ne ...

  8. struts2 结果页面配置

    <result>标签: * 属性: * name:逻辑视图的名称 * type:结果页面类型. * dispatcher         :转发.默认值. * redirect       ...

  9. pc/app 项目/功能设计

    2015-08-11 15:29:59 首先, 提供服务的整个系统包含哪几个设备 用户->[PC浏览器|APP|APP浏览器]->web服务器->[PHP/JAVA组件]->[ ...

  10. iOS开发学习网站汇总

    *本文转自CocoaChina 原文:11 Insanely Great iOS Developers Sites永不止步地向他人学习 我相信,要想从一个"还不错"的人变成一个卓越 ...