ajax+php处理案例

 1 <div>
 2     <table>
 3         <tr>
 4             <th>状态</th>
 5             <th>信息</th>
 6         </tr>
 7         <tr>
 8             <td>00</td>
 9             <td>显示信息</td>
10         </tr>
11     </table>
12 </div>   <input type="submit" name="xx" value="提交">

js部分:

 1 <script src="jquery.js"></script>
 2 <script>
 3 $(function(){
 4     $(‘input[name="xx"]‘).click(function(){
 5         alert(‘12‘);
 6         $.post(‘vv.php‘,{a:‘yy‘},function(msg){
 7             var x = eval(‘(‘+msg+‘)‘);
 8             $.each(x,function(i,m){
 9                 $(‘table‘).append(‘<tr><td>‘+m.status+‘</td><td>‘+m.msg+‘</td></tr>‘);
10             }),‘json‘
11         })
12     })
13 })
14 </script>

php部分:

 1 <?php
 2 $a = !empty($_POST[‘a‘])?$_POST[‘a‘]:0;
 3 if($a==‘yy‘){
 4     $arr =  array(
 5         array(‘status‘ => 0, ‘msg‘ => ‘未知错误‘),
 6         array(‘status‘ => 1, ‘msg‘ => ‘未知错误22‘)
 7     );
 8     echo json_encode($arr);
 9 }
10 ?>
时间: 2024-10-21 23:55:31

ajax+php处理案例的相关文章

jquery ajax/post 请求 案例

@RequestMapping("/hello")    @ResponseBody    public Hello getJson(HttpServletRequest request,HttpServletResponse response,Model model){            Hello hello=new Hello();            hello.setStr("hello world");        return hello;  

php和ajax分页小案例

今天需求是,添加一些通知的司机的信息.再添加通知的时候,需要把司机给列出来,多选择,还要加上根据司机的状态搜索. 首先看列表的界面 接着是添加页面: 添加页面右边显示司机列表是用ajax请求,分页和搜索也是ajax. 不能弄普通的分页,因为页面会刷新,会把昨天input数据给弄没掉. 这是当页面载入,请求服务器返回的数据.page: 页数 limit : 条数 status 司机的状态 搜索用的 1 var limit = 10; 2 var page = 1; 3 var ststus = '

jSon和Ajax登录功能,ajax数据交互案例

ajax实例,检测用户与注册 检测用户名是否被占用: 在用户填写完用户名之后,ajax会异步向服务器发送请求,判断用户名是否存在 首先写好静态页面: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> *{ margin:0; pa

【前端学习笔记】2015-09-11~~~~ js中ajax请求返回案例

<body><textarea id='a' rows=100 cols=300>result:</textarea>><script>var a=document.getElementById("a");var http1=new XMLHttpRequest;http1.open("GET","http://apis.baidu.com/heweather/weather/free?city=zhe

ajax详解

1.ajax介绍 1.1.什么是ajax 全称:Asynchronous JavaScript And XML(异步 JavaScript 及 XML) Ajax的作用:实现异步请求的技术. 什么是同步请求? 场景:页面上有一个a标签,用户点击a标签,浏览器发出一个请求,然后服务器给出一个响应. (请求,其实是用户的操作,触发的) 什么是异步(不同步)请求? 场景:在用户注册的时候,用户首先输入用户名,接下来用户继续填写其他注册信息,与此同时,浏览器自动发送了一个请求,将用户输入的用户名发送给服

Ajax复习总结

目录 ajax ajax入门程序: ajax-api详解 常用属性: 常用方法: jquery中的ajax 四种: 案例-使用jquery的ajax判断用户是否被占用 步骤分析: 实现 案例-模仿百度搜索 需求: 步骤分析: 实现 案例-省市联动 需求: 步骤分析: 实现 ajax ajax 异步JavaScript和XML, AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部

使用Ajax与服务器通信,达到异步通信效果

AJAX = 异步 JavaScript 和 XML,AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject),XMLHttpRequest 用于在后台与服务

ajax基本用法

ajax能做到无刷新数据交互,给用户体验带来好处的同时也减小了服务器的压力,所以运用ajax能使网站性能更强劲.更吸引用户. 大型网站少不了注册页面,而大多数情况下我们不想让用户有相同的注册ID,所以在用户注册成功之前必须进行用户名的检测.ajax还未出现之前,验证方法基本上是待用户填完所有选项之后提交到后台,如果已经有相同ID,则返回提示信息给用户,这样的话表单submit之后页面后刷新,而用户填的其他信息页就白费了,还得重新填一遍. ajax完美的解决了这个问题,用户填完用户名马上检测是否已

Ajax 学习总结

Ajax 技术在 JavaWeb 应用中随处可见,比如购物车中根据商品数量及时更新等应用,那么我们今天就来说说 Ajax 的一些小应用! Ajax 技术也就是允许浏览器与服务器通信而无需刷新当前页面,数据在客户端和服务端独立传输,而不是以前客户端向服务端发送一个请求,服务器返回整个页面,如此反复.完成 Ajax 请求就需要使用 XMLHttpRequest 类的方法,下面我们先开始介绍 XMLHttpReqest 的 API 一.XMLHttpRequest API 1.1 XMLHttpReq