第六十八天上课 jquery( josn )和( ajax )

By | 05月16日
Advertisement

定义josn

//josn的定义方式,可以存放任何数据
var a={code:'p001',name:'张三',age:10};

ajax基本使用方式(主界面代码)

<title>AJAX</title>
<script src="js/$Jquery.js"></script>
</head>
<body>
<div>
    <input type="text" id="uid" />
    <span id="xinxi"></span>
<div>
</body>
<script>
$(document).ready(function()
{
    $('#uid').blur(function()
    {
        var uid=$(this).val();

        $.ajax
        ({
            url:"index1.php",  //锁定处理页面
            data:{uid:uid},    //传值,多个数据用逗号隔开
            type:'POST',       //传输方式
            datatype:'TEXT',   //返回数据的类型
            success:function(data)  //回调函数
            {
                if(data=="ok")
                {
                    var div="用户名已经被注册";
                    $('#xinxi').html(div);
                }
                else
                {
                    var div="用户名可用";
                    $('#xinxi').html(div);
                }
            }
        });
    });
});
</script>
</html>

处理界面代码(index1.php)

<?php
$uid=$_POST['uid'];
include "class/function.php";
$sql="select count(*) from info where Name='{$uid}'";
$result=unionmysql($sql);
if($result[0][0]==1)
{
    echo "ok";
}
else
{
    echo "no";
}

Similar Posts:

  • 在JQuery中,$.ajax() 的用法

    1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async: 要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求.如果需要发送同步请求

  • ajax与Jquery中的Ajax

    在说ajax和jQuery之前,先说一下JAvaScript. Javascript动态网页制作的一种脚本语言,在HTML基础上使用JAvaScript可以开发交互式的web网页.就像我们后天的java代码一样,是前台语言的基础.无论是ajax还是Jquery都是基础JAvaScript出现的. Ajax是JAvaScript的一个应用方向,AJAX不是一种新的编程语言,是指一种创建交互式网页应用的网页开发技术,通过Ajax 的核心是JavaScript 对象 XMLHttpRequest向服务

  • 【Java EE 学习 33 上】【JQuery样式操作】【JQuery中的Ajax操作】【JQuery中的XML操作】

    一.JQuery中样式的操作 1.给id=mover的div采用属性增加样式.one $("#b1").click(function(){ $("#mover").attr("class","one"); }); 2.给span块使用addClass增加样式.one $("#b2").click(function(){ $("span").addClass("one"

  • 利用jQuery实现的Ajax 验证用户名是否存在

    异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项

  • Jquery中的AJAX跨域问题

    1 关于跨域,网上有很多很多的版本和说法... 这里笔者主要用几句话说明JQuery中的AJAX跨域问题: 2 JQuery中可以实现AJAX跨域访问,但是有条件: (1 跨域访问时要多传入一个参数,习惯上叫jsonCallback ,参数值使用? ; (2 被跨域访问的server端返回的只能是JSON数据,而且要处理所谓的jsonCallback请求参数(即把该值再回传到客户端),主要目的是为了对客户端请求的 callback function一个标识: (3 跨域访问的实现使用$.getS

  • DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.

    j-ui.com DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.DWZ富客户端框架设计目标是简单实用.扩展方便.快速开发.RIA思路.轻量级 DWZ支持用html扩展的方式来代替javascript代码, 基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化. DWZ基于jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery

  • 使用jquery创建一个ajax关键词数据搜索

    在web开发过程当中,我们经常需要在前台页面输入关键词进行数据的搜索,我们通常使用的搜索方式是将搜索结果用另一个页面显示,这样的方式对于搭建高性能网站来说不是最合适的,今天给大家分享一下如何使用 jQuery,MySQL 和 Ajax创建简单和有吸引力的 Ajax 搜索,这是继<使用jQuery打造一个实用的数据传输模态弹出窗体>第二篇jquery项目实际运用的教程,希望大家在开发项目的时候能够根据自己的实际情况灵活运用 点击搜索默认显示所有的结果 输入A之后显示的搜索结果 输入 p之后显示的

  • jQuery中的Ajax几种请求方法[转]

    转自:http://blog.csdn.net/killerggf/article/details/5619840s jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [dat

  • JQuery中使用$.ajax和$.getJSON方法获取JSON格式数据

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于"名称"和"值"的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. 下面就使用jQuery读取music.txt文件中的JSON数据格式信息. 首先,music.txt中的内容如下: [ {"optionKey":"1", "opt

  • my97日期控件和jQuery中的Ajax

    今天差点儿被弄死 <input id="txtDateTime" type="text" onclick="WdatePicker({onpicked:timeChange})" class="Wdate" value="<%=DateTime.Now.ToString("yyyy-MM-dd")%>" /> //时间改变 function timeChange(

Tags: