通过php+JQuery+Ajax简单实现页面异步刷新的代码案例

后端开发|php教程

php,jquery

后端开发-php教程

页面显示如下：

qq业务网站html源码,vscode怎么文件改名,删除Ubuntu网络,tomcat挂掉日志定位,仁寿爬虫,html 中使用php,徐州百都网络seo,asp下载网站源码,企业官网模板安装lzw

php外贸站源码,vscode不会提示保存,ubuntu编译安装,tomcat 线程数 16,sqlite3库及头文件,爬虫爬取携程景点信息源代码,c php 数组,吉林seo推广咨询热线,dj培训学校网站源码,cms内容管理系统后台模板lzw

JQueryAjax.html中的代码如下（用的较为简单的$.post）

易语言rmvb播放器源码,vscode 耗内存,ubuntu去哪里下软件,tomcat部署上线,sqlite的api函数,帝国cms 插件开发教程,前端框架安卓ios,python 爬虫文件运行,php 时间 计算,seo文案范文,html购物网站功能,网页设计特效,wordpress主题模板仿,精美淘宝客单页面,tp框架后端管理系统代码,php自动收录导航程序lzw

用户名:

密码:

ajax提交

$(document).ready(function(){ $(".butn").click(function(){ var username = $("#username").val(); var password = $("#password").val(); $.post(ajax.php,{name:username,pwd:password},function(data) { alert(data); $(".con").html(data); }) })})

ajax.php：

ajax.php<?php echo 用户名:,$_POST[ ame],,密码：,$_POST[pwd]."

";//这里可以进行一些操作，比如数据库交互echo "操作完毕";?>

在非json格式下，后台只能返回字符串，如果想后台返回数组，可以采用json格式

例如将JQueryAjax中的代码修改为如下形式：

用户名:

密码:

ajax提交

$(document).ready(function(){ $(".butn").click(function(){ var username = $("#username").val(); var password = $("#password").val(); $.ajax({ url: "ajax.php",type: "POST", data:{name:username,pwd:password}, dataType: "json", error: function(){ alert(Error loading XML document);},success: function(data,status){//如果调用php成功 alert(status);alert(data);$(.con).html("用户名:"+data[0]+"密码:"+data[1]); } }); })})

ajax.php

运行效果如下：

本文讲解了通过php+JQuery+Ajax简单实现页面异步刷新的代码案例，更多相关内容请关注php中文网。

thinkphp+redis+队列相关问题

在服务器上搭建一个lamp（Linux（CentOS7）+Apache+MySQL+PHP）

Android+PHP+MYSQL开发简单实例的讲解