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. Underscore模版引擎的使用－template方法

    之前项目里有遇到在DOM中增加大量的html结构的时候,傻乎乎的在js中写一堆模版,然后用replace一个一个做替换.当时就是难看了点,不觉得啥,现在了解了模版引擎之后回头来看真的比较捉急了,以后是 ...

  2. jstl标签详解 (转载)

    JSLT标签库,是日常开发经常使用的,也是众多标签中性能最好的.把常用的内容,放在这里备份一份,随用随查.尽量做到不用查,就可以随手就可以写出来.这算是Java程序员的基本功吧,一定要扎实. JSTL ...

  3. 第三章 RNA测序

    第三章 RNA测序   RNA测序(RNA Sequencing,简称RNA-Seq,也被称为全转录物组鸟枪法测序Whole Transcriptome Shotgun Sequencing,简称WT ...

  4. array_column()提取二维数组中某个值

    <?php $multipleCommodity = array( =>array(), =>array() ); $arr1=array_column($multipleCommo ...

  5. js点击添加

    1.点击变色 <div id="dd" style="width:100px;height: 100px;background-color: #ccc"& ...

  6. ILSpy 反编译.NET

    ILSpy 是一个开源的.NET反编译工具,简洁强大易用是它的特征.在绝大多数情况下,它都能很好的完成你对未知程序集内部代码的探索.

  7. Jmeter如何把CSV文件的路径设置成一个变量，且变量的值是一个相对路径

    首先,在Jmeter中,通过User Defined Variables设置一个变量用来存储CSV文件所在文件夹的相对路径 备注: 这个相对路径前面不要加.\ 加了的话在运行的时候会报错,提示找不到那 ...

  8. MVC--SSM和SSH简介

  9. 前端之css笔记3

    一 display属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  10. 2018.08.31 bzoj3566: [SHOI2014]概率充电器（概率dp+容斥原理）

    传送门 概率dp好题啊. 用f[i]" role="presentation" style="position: relative;">f[i] ...