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. mysql rc模式时binlog_format=row的解释【转】

    总体来说:在 tx_isolation= READ-COMMITTED .binlog_format =statement 的情况下,mysql 没有gap 锁,这样binlog 记录的数据修改的顺序 ...

  2. Devexpress ChartControl 柱状图简单例子

    //using DevExpress.XtraEditors; //using DevExpress.XtraCharts; // Create an empty chart. ChartContro ...

  3. jQuery 用$.param(json) 将 Json 转换为 Url queryString

    如: var params = { param1: 'bar', param2: 'foo' }; var queryString = $.param(params); // queryString ...

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

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

  5. Fiddler的钩子hook导致电脑无法连上网络

    今天,电脑怎么都无法连上网络,重启了几次电脑也不行,网络环境是没有问题的,后来同事告诉我,Fiddler有一个BUG,就是Fiddler获取钩子之后没有释放掉,必须启动Fiddler,再关闭Fiddl ...

  6. kerberos认证的步骤，学习笔记

    .KDC,uname,upwd -x算法=>authticator 暗号 .KDC ->uname,pwd->x1算法->解密authticator 确认客户端身份->生 ...

  7. this.closest()在IE中报错的原因及解决办法

    closest()定义在jquery中,不能在原生的js中使用 解决方法:将this.closest()换成$(this).closest()即可

  8. 客户被绑，蒙眼，惊问：“想干什么？” 对方不语，鞭笞之，客户求饶：“别打，要钱？” 又一鞭，“十万够不？” 又一鞭，“一百万？” 又一鞭。客户崩溃：“你们TMD到底要啥？” “要什么？...

    1.  客户被绑,蒙眼,惊问:“想干什么?”     对方不语,鞭笞之,客户求饶:“别打,要钱?”     又一鞭,“十万够不?”     又一鞭,“一百万?”     又一鞭.客户崩溃:“你们TMD ...

  9. 2018.09.24 codeforces 1051F. The Shortest Statement（dijkstra+lca）

    传送门 这真是一道一言难尽的题. 首先比赛的时候居然没想出来正解. 其次赛后调试一直调不出来最后发现是depth传错了. 其实这是一道简单题啊. 对于树边直接lca求距离. 由于非树边最多21条. 因 ...

  10. 2018.08.20 bzoj1143: [CTSC2008]祭祀river（最长反链）

    传送门 一道简单的求最长反链. 反链简单来说就是一个点集,里面任选两个点u,v都保证从u出发到不了v且v出发到不了u. 链简单来说就是一个点集,里面任选两个点u,v都保证从u出发可以到达v或者v出发可 ...