php+ajax+json实现静态刷新页面

最新推荐文章于 2022-10-13 17:40:53 发布
最新推荐文章于 2022-10-13 17:40:53 发布
阅读量3.1k 收藏
点赞数
分类专栏： php 文章标签： json ajax php class xmlhttprequest 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyxjg/article/details/4552532
版权

客户端：

js:

<script type="text/javascript">
var xmlHttp;
if(window.ActiveXObject){//IE浏览器
 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}else if(window.XMLHttpRequest){//Mozilla浏览器
 xmlHttp=new XMLHttpRequest();
}

function zhcx(){ 
  
  var kh_zh=document.MyForm["flow[kh_zh]"].value;    
  document.all('cxzh').value='cxzh';  
      var rebz=true;
  if (document.MyForm["flow[kh_zh]"].value== null || document.MyForm["flow[kh_zh]"].value.length <=0){
          warningbz="查询帐号不能为空！";
            rebz=false;
   document.MyForm.kh_zh.focus();
       } 
   if(rebz==false){
        document.MyForm["flow[kh_name]"].value='';
  document.MyForm["flow[kh_zj]"].value='';
  document.MyForm["flow[kh_zjhm]"].value='';
  document.MyForm["flow[kh_azdz]"].value='';
  document.MyForm["flow[kh_azlxr]"].value='';
  document.MyForm["flow[kh_azlxdh]"].value='';
       alert(warningbz);
       return false;
      }
      else{
     //url="flow_type.php?run_id=<?=$run_id?>&flow_id=<?=$flow_id?>&prcs_id=<?=$prcs_id?>&run_name=<?=$run_name?>&run_no=<?=$flow['fileno']?>&my_action=get_khxx&kh_zh="+kh_zh;
   // url=encodeURI(encodeURI(url));
   var url="flow_type.php";
    //alert(url);
     xmlHttp.open("Post",url,true);
  /*HTTP的通信方式，比如GET或是POST 接收XML数据的服务器的URL地址。通常在URL中要指明ASP或CGI程序    
  如果是异步通信方式(true)如果是同步方式(false) */
  /*不使用缓存*/
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     xmlHttp.setRequestHeader("Cache-Control","no-store");
  xmlHttp.setRequestHeader("Pragrma","no-cache");
  xmlHttp.setRequestHeader("Expires",0);
  /*不使用缓存END*/
 
  xmlHttp.onreadystatechange=showMessage;
  xmlHttp.send("my_action=get_khxx&kh_zh="+kh_zh);
  //xmlHttp.send("my_action=get_khxx&kh_zh="+kh_zh); 
  //Send方法的参数类型是Variant，可以是字符串、DOM树或任意数据流。  
  //发送数据的方式分为同步和异步两种。在异步方式下，数据包一旦发送完毕，就结束Send进程，  
  //客户机执行其他的操作；而在同步方式下，客户机要等到服务器返回确认消息后才结束Send进程
     }    
 
}
function showMessage(){
   if(xmlHttp.readyState==4 && xmlHttp.status==200){
      //0   　　Response对象已经创建，但XML文档上载过程尚未结束    
  //1   　　XML文档已经装载完毕    
  //2   　　XML文档已经装载完毕，正在处理中    
  //3   　　部分XML文档已经解析    
  //4   　　文档已经解析完毕，客户端可以接受返回消息  


    var response=xmlHttp.responseText; 
    //responseText：将返回消息作为文本字符串；    
  //responseBody：将返回消息作为HTML文档内容；  
  //responseXML：将返回消息视为XML文档，在服务器响应消息中含有XML数据时使用；    
  //responseStream：将返回消息视为Stream对象    
  //response.write   GetHTTPPage  

    //alert(gb2utf8(xmlhttp.responseBody)); //注意这里要用responseBody
    //var response1=bytes2BSTR(response);
    //alert(response);
    // 构造返回JSON对象的方法
            var func = new Function("return "+response);
            // 得到JSON对象
            var json = func( );
            // 显示返回结果
                // var json=eval("("+response+")");   
    //alert(json.kh_azlxdh);
                var kh_name=json.kh_name;
    var kh_zj=json.kh_zj;
    var kh_zjhm=json.kh_zjhm;
    var kh_azdz=json.kh_azdz;
    var kh_azlxr=json.kh_azlxr;
    var kh_azlxdh=json.kh_azlxdh;    
    document.MyForm["flow[kh_name]"].value=kh_name;
          document.MyForm["flow[kh_zj]"].value=kh_zj;
          document.MyForm["flow[kh_zjhm]"].value=kh_zjhm;
          document.MyForm["flow[kh_azdz]"].value=kh_azdz;
          document.MyForm["flow[kh_azlxr]"].value=kh_azlxr;
          document.MyForm["flow[kh_azlxdh]"].value=kh_azlxdh;
    
   }
}

</script>

页面：

 <tr class='light'>
        <td class='textCenter' rowspan="6" width='4%' bgcolor="#D4E5FA">客户信息</td>
         <td class='textCenter' rowspan="5" width='4%' bgcolor="#D4E5FA">变更前客户信息</td>
        <td align='right' width="5%" bgcolor="#E8F0EC">工单发起人：</td>
        <td width="17%" align='left'> <?  echo $flow['kh_admin']?>&nbsp;</td>
        <td width="9%" align='right' bgcolor="#E8F0EC">时间：</td>
        <td width="25%" align='left'> <? echo $flow['kh_date'] ?>&nbsp;</td>
       </tr>
       <tr class='textCenter'>
      <td align='right' width="10%" bgcolor="#E8F0EC">姓名：</td>
                        <td align='left' width="17%"><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_name' name='flow[kh_name]' value='<? echo $kh_name?>' size='20'><? }else  echo $flow['kh_name'] ?>&nbsp;</td>
      <td align='right' width="10%" bgcolor="#E8F0EC">账号：</td>
                        <td align='left' width="17%"><? if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_zh' name='flow[kh_zh]' value='<? echo $kh_zh?>' size='20'> <? echo "<input type='button' name='queryzh' id='queryzh' οnclick='zhcx()' value='查询帐号相关信息'>";}else echo $flow['kh_zh'] ?>&nbsp;
      </td>
       </tr>
     
       <tr class='textCenter'>
      <td align='right' width="10%" bgcolor="#E8F0EC">证件名称：</td>
                        <td align='left' width="17%"><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_zj' name='flow[kh_zj]' value='<? echo $kh_zj?>' size='20'><? }else  echo $flow['kh_zj'] ?>&nbsp;</td>
      <td align='right' width="10%" bgcolor="#E8F0EC">证件号码：</td>
                        <td align='left' width="17%"><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_zjhm' name='flow[kh_zjhm]' value='<? echo $kh_zjhm?>' size='20'><? }else  echo $flow['kh_zjhm'] ?>&nbsp;</td>
       </tr>
     <!-- 第二行 -->
       <tr class='textCenter'>
      <td align='right' width="10%" bgcolor="#E8F0EC">安装地址：</td>
                        <td align='left' width="17%" colspan='4'><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_azdz' name='flow[kh_azdz]' value='<? echo $kh_azdz?>' size='50'><? }else  echo $flow['kh_azdz'] ?>&nbsp;</td>
       </tr>
       <tr class='textCenter'>
         <td align='right' width="10%" bgcolor="#E8F0EC">安装联系人：</td>
                        <td align='left' width="17%"><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_azlxr' name='flow[kh_azlxr]' value='<? echo $kh_azlxr?>' size='20'><? }else  echo $flow['kh_azlxr'] ?>&nbsp;</td>
      <td align='right' width="10%" bgcolor="#E8F0EC">安装联系电话：</td>
                        <td align='left' width="17%"><?if($prcs_id=="1"){?><INPUT TYPE='TEXT' id='kh_azlxdh' name='flow[kh_azlxdh]' value='<? echo $kh_azlxdh?>' size='20'><? }else  echo $flow['kh_azlxdh'] ?>&nbsp;</td>
       </tr>
     <!-- 第三行 -->
       <tr class='light'>
       <td class='textCenter'  width='4%' bgcolor="#D4E5FA">需要变更的客户信息</td>
                        <td align='left' width="17%" colspan='4'><? echo $flow['kh_remark'] ?>&nbsp;</td>
       </tr>

 

服务端：

if($my_action=="get_khxx")
{
 

 $sql="select kh_name,kh_zj,kh_zjhm,kh_azdz,kh_azlxr,kh_azlxdh from oa_type_ydtvkdkh where kh_zh='".$kh_zh."' ";
        
        //echo $sql;
        include("./inc/function_public.php");
        $rs=RunSelect($sql);
        $kh_name=$rs[0][0];
        $kh_zj=$rs[0][1];
        $kh_zjhm=$rs[0][2];
        $kh_azdz=$rs[0][3];
        $kh_azlxr=$rs[0][4];
        $kh_azlxdh=$rs[0][5];          
        header("Content-type: text/xml; charset=gb2312");//很重要，可以解决中文乱码的问题
        echo '{"kh_name":"'.$kh_name.'",';//json格式的数据
        echo '"kh_zj":"'.$kh_zj.'",';
        echo '"kh_zjhm":"'.$kh_zjhm.'",';
        echo '"kh_azdz":"'.$kh_azdz.'",';
        echo '"kh_azlxr":"'.$kh_azlxr.'",';
        echo '"kh_azlxdh":"'.$kh_azlxdh.'" }';
        
}

 

happyxjg
关注
专栏目录
ajax与php利用json传输数据，实现局部刷新
11-05
自己写的一个demo，利用ajax回调php返回的json数据，并实现页面的局部刷新，方便大家学习使用，
php ajax修改静态页面,AJAX_Ajax实现静态刷新页面过程带加载旋转图片，复制代码 代码如下: <!DOCTYPE - phpStudy...
weixin_35569211的博客
03-09 171
Ajax实现静态刷新页面过程带加载旋转图片//当刷新的时候 原先的页面的展示数据不会隐藏这里面是隐藏函数//取得PageRequestManager对象，每一个Asp.net Ajax页面中会右唯一一个这种对象负责处理所有的Async - Postback要求var prm = Sys.WebForms.PageRequestManager.getInstance(); //新增事件处理至Page...
PHP中 关于静态缓存----局部刷新(缓存首页,ajax刷新用户名部分)
xcguoyu2916的博客
05-21 602
1.首先. 我要实现的功能是:使用 php静态缓存技术 缓存首页 ;    2.完成静态缓存后,用户登录时,在缓存页面 显示用户名;3. 这部分主要靠ajax 技术来实现; 生成静态页面时 ; 用户下次使用静态页面时;     ajax 技术 去判断  用户是否登录有无 session 或 cookie 值;  然后用 ajax 替换 用户数据;      注意:  静态缓存前面介绍过了!...
利用Ajax静态刷新后台数据
albert_lz的专栏
04-06 515
<br /><script language="JavaScript"><br /> window.onload = function() {<br />  window.setInterval(showData, 5000);//每隔5s刷新数据<br />  function showData() {<br />   var time = (new Date()).valueOf();//加个时间戳<br />   var xmlHttpRequest = $.post(<br />     "${pa
PHP静态实时更新,静态更新:update方法
weixin_29614223的博客
03-13 660
静态更新数据:update( )方法1. 源码：/thinkphp/library/think/Model.php;/***更新数据*@accesspublic*@paramarray$data数据数组*@paramarray$where更新条件*@return$this*/publicstaticfunctionupdate($data=[],...
jQuery+Ajax+PHP无刷新分页
12-18
在网页开发中，无刷新分页是一种提升用户体验的重要技术，它使得用户在浏览大量数据时无需等待整个页面重新加载，只需要加载新内容即可。本篇将详细讲解如何利用jQuery、Ajax和PHP实现这一功能。 **一、jQuery简介*...
html+php+ajax+mysql留言板
06-20
总结起来，"html+php+ajax+mysql留言板"项目涵盖了Web开发的核心技术，包括静态内容的展示（HTML）、服务器端逻辑处理（PHP）、无刷新交互（AJAX）以及数据持久化（MySQL）。每个环节都涉及多种技术和最佳实践，旨在...
PHP(TP5.0)+jq+ajax手机图片上传，支持裁切
06-19
Ajax允许我们在不刷新页面的情况下与服务器进行通信，这对于实现无刷新的图片上传体验至关重要。使用`XMLHttpRequest`对象或jQuery的`$.ajax()`或`$.post()`方法，可以发送POST请求，将图片数据和任何其他必要参数...
php-ajax-form:用于将表单发送到电子邮件的 PHP + AJAX 脚本
06-13
**AJAX**（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在此案例中，AJAX用于异步地将表单数据发送到服务器，避免了页面...
PHP+AJAX实现调用数据瀑布流显示方式
01-03
在瀑布流中，AJAX用于向服务器发送请求，获取新数据，并在页面上动态插入，实现无刷新加载。这涉及到XMLHttpRequest对象的使用，创建请求、设置HTTP头、发送请求和处理响应。 瀑布流的实现通常依赖于JavaScript库，...
多线程+Ajax技术 实现Web站点生成静态html页面
02-18
多线程+Ajax技术 实现Web站点生成静态html页面 解压密码为：17fx.net
ajax静态刷新页面方法
07-24 5017
静态刷新页面方法：var xmlHttp;        if(window.ActiveXObject) {            xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');        } else if(window
利用ajax实现与php数据交互，并局部刷新页面
北雨南萍
03-30 3977
利用ajax实现与php数据交互，并局部刷新页面 一、语法简介 1.1 ajax基本语法 $.ajax({     type: "post",                               //数据提交方式（post/get）     url:  "http://xxx/test/demo.php",           //提交到的url     data: {
静态数据更新
gamer
11-02 759
游戏服务端避免不了在线情况下，需要临时修改配置数据。那么如何动态去更新在运行中的数据资源呢。a. 如果数据是文件配置： 思路: 最简单的是监控目录变更，执行内部重载资源接口。也可以写shell脚本执行服务端程序对外接口。目的主要是触发执行重载接口。 监控代码思路参考之前文章：目录监控b. 如果是数据库配置 : 思路: 后台web或者脚本shell或其他由外部触发服务器接口进行更新。c. 其他。
Vue静态刷新路由页面
最新发布
qq_62809806的博客
10-13 645
Vue静态刷新页面
php+ajax实现无刷新动态加载数据技术 -　测试用了，效果还行
zyytaiyame的博客
12-28 3817
php+ajax实现无刷新动态加载数据技术 -　测试用了，效果还行 感觉IE下略慢，非IE速度可以，好像是不能用jquery-1.11.1.min.js，只能用网上找的代码中提供的JQuery.js我也不知道版本，我这里改名叫jquery_for_ajax.js了 由于一开始就是直接调用ajax显示最开始的一页数据，感觉加载有点慢，我再找找其它的版本也，这个是我测试能用的一个而已。记录一下一、H
php 文章生成静态页面并设定时间更新
断魂蓝桥 的博客
08-30 1436
php 文章生成静态页面并设定时间更新
php jquery 局部页面刷新,jQuery页面刷新(局部、全部)问题分析
weixin_36122351的博客
03-10 214
本文实例分两部分对jquery刷新问题进行介绍，第一部分介绍了呢页面局部刷新；第二部分介绍了页面全部刷新第一：页面局部刷新jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。重点分析load()方法通常用来从Web服务器上获取静态的数据...
php 页面异步刷新,php+jQuery+Ajax简单实现页面异步刷新
weixin_33441139的博客
03-10 266
php+jQuery+Ajax简单实现页面异步刷新这里有新鲜出炉的 jQuery 示例，程序狗速度看过来！jQuery javascript 框架jQuery 是一个兼容多浏览器的 javascript 框架，核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布，吸引了来自世界...
构建现代Web应用：AJAX与PHP实战
AJAX的核心是XMLHttpRequest对象，它允许客户端JavaScript代码异步调用服务器上的页面，从而避免了页面刷新，提高了用户体验。 在第一章“AJAX的世界”中，作者介绍了AJAX的基本概念，解释了为何及在何处使用AJAX是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值