1，ajax分为$.ajax()，$.get()，$.post()，$.getJSON() 几种形式，实例如下：

<html>

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

<script type="application/javascript" src="../js/jquery-1.7.2.js"></script>

<script type="application/javascript">

$(document).ready(function(){

    $("#ajaxBut").click(function(){

        $.ajax({

            'type':'get',

            'url':'test4.php',

            'dateType':'json',

            'data':$("input").serialize(),

            'success':function(ret){

                alert(ret);

            }

        });

    });

    $("#getBut").click(function(){

        $.get("test4.php",$("input").serialize(),function(ret){

            alert(ret);

        });

    });

    $("#postBut").click(function(){

        $.post("test5.php",$("input").serialize(),function(ret){

            alert(ret);

        });

    });

    $("#jsonBut").click(function(){

        $.getJSON("test4.php",$("input").serialize(),function(ret){

            alert(ret);

        });

    });

});

</script>

<body>

<form>

    <h1>user Login</h1>

    username:<input type="text" name="user" id="user" /><br/>

    password:<input type="password" name="password" id="password"/><br/>

    <input type="button" name="but" id = "ajaxBut" value="ajaxLogin" />

    <input type="button" name="but" id = "postBut" value="postLogin" />

    <input type="button" name="but" id = "getBut" value="getLogin" />

    <input type="button" name="but" id = "jsonBut" value="jsonLogin" />

</form>

</body>

</html>

test4.php

<?php

$username = $_GET['user'];

$password = $_GET['password'];

$ret = "fail";

if($username == 'zhangsan' && $password == '123'){

    $ret = "success";

}

echo json_encode($ret);

test5.php

<?php

$username = $_POST['user'];

$password = $_POST['password'];

$ret = "fail";

if($username == 'zhangsan' && $password == '123'){

    $ret = "success";

}

echo json_encode($ret);

2，ajax跨域获取数据，使用到jsonp，实例如下：

 $.getJSON("http://www.ganji.com/test6.php?callback=?", $("input").serialize() , function(data){

    if(data){

        console.log(data);

    }

 });

test6.php

$str = 'OK';

$callback = $_GET('callback');

    if (!empty($callback)) {

        header("content-type: application/x-javascript; charset=UTF-8");

        echo $callback . '(' . $str . ')';

    } else {

        echo $str;

    }

}

　　

ajax在php中应用实例的更多相关文章

  1. 原生AJAX入门讲解（含实例）

    相对于jQuery.YUI以及其他一些类库的AJAX封装,原生JS的AJAX显得那么的尴尬,兼容性不好,要记很多的方法属性,调用不便捷,代码臃肿...但我还是想说,原生JS才是最根本最底层的知识(虽然 ...

  2. Ajax请求过程中显示“进度”的简单实现

    Ajax在Web应用中使用得越来越频繁.在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击 ...

  3. Ajax跨域：Jsonp实例--百度搜索框下拉提示

    Ajax跨域:Jsonp实例--百度搜索框下拉提示 一.总结 一句话总结:a.找好接口:b.用script标签的src引入文件(json数据):c.定义及实现上一步引入文件中的函数 1.如何找到一个网 ...

  4. 关于Javascript中通过实例对象修改原型对象属性值的问题

    Javascript中的数据值有两大类:基本类型的数据值和引用类型的数据值. 基本类型的数据值有5种:null.undefined.number.boolean和string. 引用类型的数据值往大的 ...

  5. jQuery AutoComplete在AJAX UpdatePanel环境中PostBack之后无法工作

    前些日子,Insus.NET有实现<ASP.NET MVC使用jQuery实现Autocomplete>http://www.cnblogs.com/insus/p/5638895.htm ...

  6. 【spring 后台跳转前台】使用ajax访问的后台，后台正常执行，返回数据，但是不能进入前台的ajax回调函数中

    问题: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示:  问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...

  7. 想抛就抛：Application_Error中统一处理ajax请求执行中抛出的异常

    女朋友不是想抛就抛,但异常却可以,不信请往下看. 今天在MVC Controller中写代码时,纠结了一下: public async Task<ActionResult> Save(in ...

  8. OC 继承子类对象调用方法机制 子类对象访问父类中的实例变量

    在继承中,子类对象如何调用到正确方法的机制 每一个Objective - C对象都有一个隐藏的指针指向类的代码,当向一个对象发送消息的时候,当前的对象会首先在当前类里去查找相应的方法,如果找到的话,直 ...

  9. 使用Ajax在javascript中调用后台C#函数

    使用Ajax在javascript中调用后台C#函数 最近一段时间在紧跟一个网站的项目,数据库中用户表的UserName要求是唯一的,所以当用户选定一个用户名进行注册时要首先检查该用户名是否已被占用, ...

随机推荐

  1. shell 脚本 测试webApp

    vim **.sh文件 开头:#!/bin/bash ////////// copy cURL //因为这样copy的url就是一个命令(进入chrome的开发者工具里面,点network,找到刚刚访 ...

  2. 局域网代理通过wget下载

    下载方法: wget -r -p -np -k http://ftp.loongnix.org/os/Fedora13-o32/RPMS/mipsel/ -r,  --recursive(递归)    ...

  3. windows驱动

    DriveEntry() 启动 停止 接口函数 驱动程序名 驱动程序版本号 异常处理 是否运行 声明LPOReceive类型的函数 声明函数指针(外部传进来的回调函数) 存放配置字符串 本机IP 串口 ...

  4. Laravel5.4 Oauth2.0认证应用 API 实战！

    项目初始化 新建项目 lukeyans-MacBook-Pro:laravel lukeyan$ laravel new laravel_demo 添加laravel自带的Passport服务 luk ...

  5. using directive 使用指令，与using declaration使用声明。

    使用指令是把名字空间中的所有名字引入到当前作用域,而使用声明是把名字空间的某个名字引入到当前作用域中 语法如下 //test.cpp #include<iostream> //using ...

  6. MySQL之安装以及辅助工具的安装

    一 下载地址 MySQL 下载地址: http://rj.baidu.com/soft/detail/12585.html?ald 客户端工具:MavicatforMySQL 绿色版下载地址:http ...

  7. 2018.09.16 spoj104Highways （矩阵树定理）

    传送门 第一次写矩阵树定理. 就是度数矩阵减去邻接矩阵之后得到的基尔霍夫矩阵的余子式的行列式值. 这个可以用高斯消元O(n3)" role="presentation" ...

  8. 2018.08.29 hdu3507 Print Article（斜率优化dp）

    传送门 这应该算是斜率优化的模板题了. 就是要求打印n个数,每个数有一个参数a[i],每打印一段连续的数[l,r]需要的花费是(a[[l]+...+a[r])2+m" role=" ...

  9. hadoop学习笔记（五）：java api 操作hdfs

    HDFS的Java访问接口 1)org.apache.hadoop.fs.FileSystem 是一个通用的文件系统API,提供了不同文件系统的统一访问方式. 2)org.apache.hadoop. ...

  10. 使用ntpdate校正linux系统的时间

    当Linux服务器的时间不对的时候,可以使用ntpdate工具来校正时间. 安装:yum install ntpdate ntpdate简单用法: # ntpdate ip # ntpdate 210 ...