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. .zip/.rar打包与解压

    Linux下如何解压.zip和.rar文件,对于Window下的常见压缩文件.zip和.rar,Linux也有相应的方法来解压它们: 1)对于zip linux下提供了zip和unzip程序,zip是 ...

  2. laravel的foreach

    1.控制器 2.模板

  3. git 提交新创建的文件

    git add -u:把所有tracked文件中被修改过或已删除文件的信息添加到索引库.它不会处理untracted的文件. 如果想将本地新创建的文件也提交上去,需执行如下操作:

  4. eclipse新建web项目，发布 run as 方式和 new server然后添加项目方式。 后者无法自动编译java 成class文件到classes包下。

    eclipse新建web项目,发布 run as 方式和 new server然后添加项目方式. 后者无法自动编译java 成class文件到classes包下. 建议使用run as  -  run ...

  5. Tree Representation Implementation & Traversal

    https://github.com/Premiumlab/Python-for-Algorithms--Data-Structures--and-Interviews/blob/master/Tre ...

  6. KBMMW 4.80.00 发布

    一大波更新来了. 4.80.00 March 30 2015 Important notes (changes that may break existing code)        ======= ...

  7. 3层+SVN学习笔记（2）

    在对于餐桌付款程序设计时,需要先选中餐桌,然后点击付款.正常情况是这样的: 在程序设计时,没有考虑到用户未点击餐桌而直接进行付款的情况,程序出现以下错误: 在设计时,需要考虑用户未点击餐桌而直接进行付 ...

  8. 如何通过cmd命令进入到某个硬盘的文件夹

    1.使用快捷键win+R打开运行窗口,并输入cmd回车 2.进入到某个磁盘:在命令提示符中输入d:(代表的的是进入D盘的根目录)并回车 3.接着在cmd中输入dir(dir是directory目录的简 ...

  9. 2018.09.14 洛谷P3567 [POI2014]KUR-Couriers（主席树）

    传送门 简单主席树啊. 但听说有随机算法可以秒掉%%%(本蒟蒻并不会) 直接维护值域内所有数的出现次数之和. 当这个值不大于区间总长度的一半时显然不存在合法的数. 这样在主席树上二分查值就行了. 代码 ...

  10. 2018.07.06 POJ1698 Alice's Chance（最大流）

    Alice's Chance Time Limit: 1000MS Memory Limit: 10000K Description Alice, a charming girl, have been ...