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

  1. <html>
  2. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  3. <script type="application/javascript" src="../js/jquery-1.7.2.js"></script>
  4. <script type="application/javascript">
  5. $(document).ready(function(){
  6. $("#ajaxBut").click(function(){
  7. $.ajax({
  8. 'type':'get',
  9. 'url':'test4.php',
  10. 'dateType':'json',
  11. 'data':$("input").serialize(),
  12. 'success':function(ret){
  13. alert(ret);
  14. }
  15. });
  16.  
  17. });
  18. $("#getBut").click(function(){
  19. $.get("test4.php",$("input").serialize(),function(ret){
  20. alert(ret);
  21. });
  22. });
  23. $("#postBut").click(function(){
  24. $.post("test5.php",$("input").serialize(),function(ret){
  25. alert(ret);
  26. });
  27. });
  28. $("#jsonBut").click(function(){
  29. $.getJSON("test4.php",$("input").serialize(),function(ret){
  30. alert(ret);
  31. });
  32. });
  33.  
  34. });
  35. </script>
  36. <body>
  37. <form>
  38. <h1>user Login</h1>
  39. username:<input type="text" name="user" id="user" /><br/>
  40. password:<input type="password" name="password" id="password"/><br/>
  41. <input type="button" name="but" id = "ajaxBut" value="ajaxLogin" />
  42. <input type="button" name="but" id = "postBut" value="postLogin" />
  43. <input type="button" name="but" id = "getBut" value="getLogin" />
  44. <input type="button" name="but" id = "jsonBut" value="jsonLogin" />
  45. </form>
  46. </body>
  47. </html>

test4.php

  1. <?php
  2. $username = $_GET['user'];
  3. $password = $_GET['password'];
  4. $ret = "fail";
  5. if($username == 'zhangsan' && $password == '123'){
  6. $ret = "success";
  7. }
  8. echo json_encode($ret);

test5.php

  1. <?php
  2. $username = $_POST['user'];
  3. $password = $_POST['password'];
  4. $ret = "fail";
  5. if($username == 'zhangsan' && $password == '123'){
  6. $ret = "success";
  7. }
  8. echo json_encode($ret);

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

  1. $.getJSON("http://www.ganji.com/test6.php?callback=?", $("input").serialize() , function(data){
  2. if(data){
  3. console.log(data);
  4. }
  5. });

test6.php

  1. $str = 'OK';
  2. $callback = $_GET('callback');
  3. if (!empty($callback)) {
  4. header("content-type: application/x-javascript; charset=UTF-8");
  5. echo $callback . '(' . $str . ')';
  6. } else {
  7. echo $str;
  8. }
  9. }

  

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. Storm 系列(二)实时平台介绍

    Storm 系列(二)实时平台介绍 本章中的实时平台是指针对大数据进行实时分析的一整套系统,包括数据的收集.处理.存储等.一般而言,大数据有 4 个特点: Volumn(大量). Velocity(高 ...

  2. OSGi 系列(六)之服务的使用

    OSGi 系列(六)之服务的使用 1. 为什么使用服务 降低服务提供者和服务使用者直接的耦合,这样更容易重用组件 隐藏了服务的实现细节 支持多个服务的实现.这样你可以互换这实现 2. 服务的使用 2. ...

  3. 电商类Web原型制作分享-IKEA

    IKEA是一个家居整合大型零售商,属于电商类官网.电商以展示商品.售后服务.购物流程为主.根据网站的图文方式排版,主导航栏使用的标签组,区域导航栏使用的是垂直选项卡,实现下拉弹出面板交互的功能. 本原 ...

  4. 2017年值得一看的7个APP设计

    新媒体时代蓬勃发展,各类APP如雨后春笋般出现.下载到合适的APP,不仅衣食住行一键搞定,甚至健身.社交.阅读等需求也能足不出户地满足.对于广大“吃瓜群众”来说,选择APP是个人需求以及跟随潮流的选择 ...

  5. Oracle SQL 硬解析和子游标

    Oracle SQL 硬解析和子游标 What reasons will be happening sql hard parse and generating new child cursors 在一 ...

  6. hi~大家好,特地出来解释下最近为啥都不更新了!

    总结一句话就是!因为我有宝宝啦~加上项目赶得不要不要的公司原因加上个人原因只能在家养胎啦,对象也是程序猿哦~不过是后端程序猿哈哈哈. 我打算开公众号(百撕可乐)啦,和博客圆的名字一样,毕竟用了这么多年 ...

  7. 2018.09.08 AtCoder Beginner Contest 109简要题解

    比赛传送门 水题大赛? 全是水题啊!!! T1 ABC333 就是判断是不是两个数都是奇数就行了. 代码: #include<bits/stdc++.h> using namespace ...

  8. 【Unity】1.0 第1章 Unity—3D游戏开发和虚拟现实应用开发的首选

    分类:Unity.C#.VS2015 创建日期:2016-03-23 一.简介 Unity是跨平台2D.3D游戏和虚拟现实高级应用程序的专业开发引擎,是由Unity Technologies公司研制的 ...

  9. BaseAdapter

    作者通过Java代码来实现布局,而我习惯通过.xml文件来实现,所以我对程序做了如下修改 MainActivity.java public class MainActivity extends Act ...

  10. Python安装setuptools遇到的MARKER_EXPR错误

    # python setup.py install Traceback (most recent call last):   File "setup.py", line 11, i ...