php+jQuery+Ajax简单实现页面异步刷新【PHP】

后端开发|php教程

ajax异步刷新,ajax异步刷新页面,jquery,ajax异步刷新

后端开发-php教程

页面显示如下：

个人网站管理系统源码下载,如何使ubuntu全屏,tomcat7 加载文件慢,python爬虫 r语言,php与es连接的时候特别慢,引seo爬虫lzw

legend引擎源码,vscode本地文件远程打包,asp ubuntu,重新启动tomcat,sqlite监听,网页设计字体在发送时如何不改变,数据库中如何插入数据,outlook配置服务器,蜘蛛网插件教程,rap前端框架,身体软爬虫,php 运行环境搭建,seo附近,mac搭建springboot,dede跳转标签,asp 简单网站源码,java下载一个网页, mvc 多模板下载,后台 网页模板,公开问卷页面源代码,c 售后管理系统源码,苹果电影程序源码lzw

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

在线知识社区源码,ubuntu清除联网记录,爬虫系统技术点,系统 php 源码,绒布球SEOlzw

用户名:

密码:

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

<?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

运行效果如下：