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. POJ2585 Window Pains 拓扑排序

    Window Pains Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 1843   Accepted: 919 Descr ...

  2. VisulaVM 性能：分析 JVM 性能的免费工具

    VisualVM是一个集成多个JDK命令行工具的可视化工具.可以作为Java应用程序性能分析和运行监控的工具.开发人员可以利用它来监控.分 析线程信息,浏览内存堆数据.系统管理员可以利用它来监测.控制 ...

  3. 使用phpExcel导出excel文件

    function export($log_list_export) { require "../include/phpexcel/PHPExcel.php"; require &q ...

  4. [SoapUI] Tips and Tricks(提示和技巧)

    https://www.soapui.org/scripting-properties/tips-tricks.html

  5. springmvc 整合数据验证框架 jsr

    1.maven <dependency> <groupId>javax.validation</groupId> <artifactId>validat ...

  6. fastjson解析List对象

    List<String[]> body = JSON.parseObject(msg.getBody().toString(), new TypeToken<List<Stri ...

  7. word-break:break-all; 和 word-wrap:break-word 换行

    word-break:break-all; 和 word-wrap:break-word;两种写法都是让英文句子在父级宽度不够的情况下换行. 两个属性都同样是让文字换行,但存在着细微的区别,大部分时候 ...

  8. devexpress v14.2.3 发布

    补丁而已. New Major Features in 14.2 What's New in VCL Products 14.2 Breaking Changes To learn about bre ...

  9. 2018.09.01 poj2689 Prime Distance（埃式筛法）

    传送门 一道挺有趣的. 第一眼以为每个数都用miller_rabin判一次,但感觉会被卡时间啊. 继续分析发现可以晒出sqrt(r)中的所有素数,然后用类似埃式筛法的方法晒出[l,r]" r ...

  10. 2018.07.22 洛谷P2986 伟大的奶牛聚集（树形dp）

    传送门 给出一棵树,树有边权和点权,若选定一个点作为中心,这棵树的代价是所有点权乘上到根的距离的和.求代价最小. 解法:一道明显的换根dp" role="presentation& ...