当前位置:  开发笔记 > 编程语言 > 正文

Jquery下Ajax与PHP数据交换

一、前台传递字符串变量,后台返回字符串变量(非json格式)Javascript代码:这里,为了解决Ajax数据传递出现的汉字乱码,在字符串传递之前,使用javascript函数escape()对汉字字符串进行了编码,并且对...">

 

一、前台传递字符串变量,后台返回字符串变量(非json格式)

  Javascript代码:

  这里,为了解决Ajax数据传递出现的汉字乱码,在字符串传递之前,使用Javascript函数escape()对汉字字符串进行了编码,并且对返回

的字符串使用unescape()函数进行解码,使得汉字得以正常显示。当然了,后台PHP代码也添加了头文件,以保证汉字字符串不会出现乱码。各种后台代码解决

汉字乱码问题的方式如下:

  PHP:header('Content-Type:text/html;charset=GB2312'); 

 

					 $(function(){
     var my_data="前台变量";
     my_data=escape(my_data)+"";//编码,防止汉字乱码
     $.ajax({
         url: "ajax_php.php",  
         type: "POST",
         data:{trans_data:my_data},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功    
             alert(unescape(data));//解码,显示汉字
         }
     });
     
 });

  PHP代码:

					 

显示效果如下图所示:

                                                     \

  二、前台传递多个一维数组,后台返回字符串变量(非json格式)

  Javascript代码:

  在非json格式下,后台只能返回字符串,如果想后台返回数组,可以采用json格式,在本文的后面会详细介绍。

					 $(function(){
     var my_data=new Array();
     var my_data1=new Array();
     my_data[0]=0;
     my_data[1]=1;
     my_data[2]=2;
     
     my_data1[0]=10;
     my_data1[1]=11;
     my_data1[2]=12;
     
     $.ajax({
         url: "ajax_php.php",  
         type: "POST",
         data:{trans_data:my_data,trans_data1:my_data1},
         //dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data,status){//如果调用php成功    
             alert(data);
         }
     });
     
 });

  PHP代码:

					  

显示效果如下图:

\

  三、前台传递多个一维数组,后台返回二维数组(json格式)

  Javascript代码:

					  $(function(){
     var my_data=new Array();
     var my_data1=new Array();
     my_data[0]=0;
     my_data[1]=1;
     my_data[2]=2;
      
     my_data1[0]=10;
     my_data1[1]=11;
     my_data1[2]=12;
     
     $.ajax({
         url: "ajax_php.php",  
         type: "POST",
         data:{trans_data:my_data,trans_data1:my_data1},
         dataType: "json",
         error: function(){  
             alert('Error loading XML document');  
         },  
         success: function(data){//如果调用php成功            
             var back="";
             for(var i=0;i<(data.length);i++){
                 for(var j=0;j

  PHP代码:

					 

显示效果如下图:

\

四、前台传递一维数组和二维数组,后台返回二维数组(json格式)

  Javascript代码:

					 $(function(){
     var my_data=new Array();
     var my_data1=new Array();
     var my_data2=new Array();
      
     my_data[0]=0;
     my_data[1]=1;
     my_data[2]=2;
     
     my_data1[0]=10;
     my_data1[1]=11;
     my_data1[2]=12;
     
     my_data2[0]=my_data;
     my_data2[1]=my_data1;
     
     $.ajax({
         url: "ajax_php.php",  
         type: "POST",
         data:{trans_data:my_data,trans_data1:my_data1,trans_data2:my_data2},
         dataType: "json",
         error: function(){  
             alert(&#39;Error loading XML document&#39;);  
         },  
         success: function(data){//如果调用php成功            
             var back="";
             for(var i=0;i<(data.length);i++){
                 for(var j=0;j

  PHP代码:

					 

显示效果如下图:

\

 

推荐阅读
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
  • 在Android中解析Gson解析json数据是很方便快捷的,可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时,默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而,当我们自己定义的java对象里的属性名与json里的字段名不一样时,我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法,并给出了具体的使用示例。 ... [详细]
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • express工程中的json调用方法
    本文介绍了在express工程中如何调用json数据,包括建立app.js文件、创建数据接口以及获取全部数据和typeid为1的数据的方法。 ... [详细]
  • 工作经验谈之-让百度地图API调用数据库内容 及详解
    这段时间,所在项目中要用到的一个模块,就是让数据库中的内容在百度地图上展现出来,如经纬度。主要实现以下几点功能:1.读取数据库中的经纬度值在百度上标注出来。2.点击标注弹出对应信息。3 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • 我将SpringMVC升级到Spring3.2.5.我的一些剩余调用即使存在,也会返回无法识别的字段异常.这是错误.Resolvingexceptionfrom ... [详细]
  • asp.net(vb脚本)如何获取xml的节点值?xmlversion1.0encodingutf-8?rootimageimagemenusmenuurl#frame_paren ... [详细]
  • 这篇文章给大家讲解如何利用dhtmlxGantt在服务器端集成数据。脚本数据保存如果您已初始化dataProcessor,则用户或以编程方式所做的任何更改都将自动 ... [详细]
  • 表单代码 ... [详细]
author-avatar
木维韵_538
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有