第九章php与数据交互,利用ajax实现与php数据交互，并局部刷新页面

本文主要有以下几个要点：

ajax的基本语法结构

jQuery基本语法

json数组基本结构

ajax回调函数中的json数组解析及局部刷新

php基本语法

ajax与php的对接

php中post数据提交方式与接收

ajax基本语法

$.ajax({

type: "post", //数据提交方式(post/get)

url: "demo.php", //提交到的url

data: {username:username,password:password},//提交的数据

dataType: "json",//返回的数据类型格式

success: function(msg){

...//返回成功的回调函数

error:function(msg){

...//返回失败的回调函数

}

});

php端的接收方法

$username=$_POST['username'];//接收以post方式提交来的username数据

$password=$_POST['password'];

echo json_encode($data);//输出json数据

ajaxTest

查询

$('#sub').click(function(){var username=$('#username').val();var password=$('#password').val();

$.ajax({

type: "post",url: "demo.php",data: {username:username,password:password},//提交到demo.php的数据

dataType: "json",//回调函数接收数据的数据格式

success: function(msg){

$('#text').empty(); //清空Text里面的所有内容

var data='';if(msg!=''){

data= eval("("+msg+")"); //将返回的json数据进行解析，并赋给data

}

$('#text').html("用户名为：" + data.username + ",密码为：" + data.password); //在#text中输出

console.log(data); //控制台输出

},error:function(msg){

console.log(msg);

}

});

})

第九章php与数据交互,利用ajax实现与php数据交互，并局部刷新页面相关推荐

ajax实现文件的上传（局部刷新页面，文件上传）
一.前端jsp页面代码: //注意,这里的form表单,只去id名 <form id="localAjax">文件:<input type="file& ...
ajax右侧刷新加载jsp,jsp实现局部刷新页面、异步加载页面的方法
jsp实现局部刷新页面.异步加载页面的方法局部刷新页面.异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为 ...
不使用Ajax，如何实现表单提交不刷新页面
不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...
使用AJAX局部刷新页面
使用AJAX局部刷新页面局部刷新页面也就是定时性获取数据库信息,此方法也适用于刷新表格,不过表格刷新时会进行闪烁,根据自己代码决定是否使用此方式刷新表格数据(侵删). 方法一 setInterval ...
a标签不跳转+ajax异步请求+局部刷新页面
a标签不跳转 <td style="text-align:center;"><a href="" style="color: #2d ...
第九章 AT32F403A基于V2库串口 dma接收不定长数据
目录概述硬件 DMA 软件流程初始化初始化代码: 中断服务函数: DMA1通道5设置函数:(重新使能通道) DMA1通道4发送函数:(设置dma长度和内存地址) 测试最后概述本文主要是 ...
ajax 前端怎么处理数据,如何使用ajax异步处理JSon数据
基于jQuery的ajax数据库异步处理,网上有很多教程,今天再次分享这个话题,算是抛砖引玉,不了解的童鞋可以来学习下. 先我们来看一个官方的实例使用 ajax请求来获得 JSON 数据,并输出结果 ...
ajax没返回响应数据,jQuery的Ajax时无响应数据的解决方法
jQuery的Ajax时无响应数据的解决方法复制代码代码如下: $.ajax( { type: "POST", url: "/MemberComment.aspx/G ...
ajax返回的数据有问题,ajax请求成功返回数据，转成数组后，for遍历取不到值的有关问题...
当前位置:我的异常网» Ajax » ajax请求成功返回数据,转成数组后,for遍历取不到 ajax请求成功返回数据,转成数组后,for遍历取不到值的有关问题 www.myexceptions.ne ...

第九章php与数据交互,利用ajax实现与php数据交互，并局部刷新页面

第九章php与数据交互,利用ajax实现与php数据交互，并局部刷新页面相关推荐

最新文章

热门文章