博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
***Jquery下Ajax与PHP数据交换
阅读量:7286 次
发布时间:2019-06-30

本文共 2854 字,大约阅读时间需要 9 分钟。

一、前台传递字符串变量,后台返回字符串变量(非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('Error loading XML document');           },           success: function(data){//如果调用php成功                         var back="";             for(var i=0;i<(data.length);i++){                 for(var j=0;j

  PHP代码:

显示效果如下图:

\

转载地址:http://rspjm.baihongyu.com/

你可能感兴趣的文章
谈校长摆脱官本位制
查看>>
(翻译) Android ListView 性能优化指南
查看>>
CSS3 基本语法
查看>>
spring集成 HikariCP(号称最快的数据库连接池)
查看>>
Linux软链接和硬链接
查看>>
SQL Server 数据库备份和还原认识和总结
查看>>
[非凡程序员]UIKit 手写控件
查看>>
SylixOS在x86平台的快速构建
查看>>
九宫格与函数
查看>>
solaris 10u11 安装vim7.4
查看>>
Maven(八)pom.xml简介
查看>>
IGP-LAB-RIP-3
查看>>
会说话的vc编译器(一)
查看>>
Exchange 2013部署系列之(一)系统要求
查看>>
利用itext导出word表格,处理图片
查看>>
我的友情链接
查看>>
数据结构(一)循环链表 约瑟夫环
查看>>
fastDFS+java api + sping mvc +JPA+Hibernate
查看>>
解读关于HTML5的六个传说
查看>>
Solaris ZONE
查看>>