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. 用pyqt5做一个能python程序能插入图片的ide

    之前只是放到github上了,现在一想应该开源,大家想继续做好这个ide的都能从这里起步. #注意在.py文件相同目录下放一个1.png做测试图片 #本质就是用html来实现图片 #写在前面的话:这个 ...

  2. PLSQL 块demo

    DECLARE   v_servid NUMBER(16);   v_stdno VARCHAR2(30); BEGIN   FOR i IN (SELECT rownum rn, t.*       ...

  3. 解决JS中missing ( before function parameters的错误

    在编写javascript中,常出现在function处提示“missing ( before function parameters”的错误,这是怎么回事? 例如: function String. ...

  4. 网站SEO优化的方法

    网站SEO优化的方法: 1.url静态化和规范化:url中都去掉了index.php这样的后缀网址形式,目的就是让网站的层级更浅,获得的权重更高 代码中可以使用urlrewrite重写. 2.域名30 ...

  5. 44 The shopping psychology 购物心理

    The shopping psychology 购物心理 ①People can be addicted to different things ---e. g.,alcohol, drugs, ce ...

  6. 24. Indoor Air pollution 室内空气污染

    . Indoor Air pollution 室内空气污染 ① Priscilla Ouchida's "energy-efficient"house turned out to ...

  7. JPEG Camer 图片上传

    /* Linksprite */ #include <SoftwareSerial.h> #include <Ethernet.h> #include <SPI.h> ...

  8. trmd_b1_ok

    # -*- coding:utf-8 -*- ''' 从11c开始提取 ''' import re import numpy as np import os year = '17A' ss=" ...

  9. C/C++中如何获取数组的长度?

    C/C++中如何获取数组的长度? 收藏 C.C++中没有提供 直接获取数组长度的函数,对于存放字符串的字符数组提供了一个strlen函数获取长度,那么对于其他类型的数组如何获取他们的长度呢?其中一种方 ...

  10. hdu1158 Employment Planning 2016-09-11 15:14 33人阅读 评论(0) 收藏

    Employment Planning Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...