一、前台传递字符串变量，后台返回字符串变量（非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代码： <?php
header('Content-Type:text/html; charset=gb2312');//使用gb2312编码，使中文不会变成乱码
$backValue=$_POST['trans_data'];
echo $backValue."+后台返回";
?>
显示效果如下图所示： 二、前台传递多个一维数组，后台返回字符串变量（非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代码： <?php
header('Content-Type:text/html; charset=gb2312');//使用gb2312编码，使中文不会变成乱码
//读取第一个数组
$backValue="trans_data:";
$trans=$_POST['trans_data'];
foreach($trans as $value)
{
$backValue=$backValue." ".$value;
}
//读取第二个数组
$backValue=$backValue." , trans_data1:";
$trans=$_POST['trans_data1'];
foreach($trans as $value)
{
$backValue=$backValue." ".$value;
}
echo $backValue;
?>
显示效果如下图：
三、前台传递多个一维数组，后台返回二维数组（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<data[0].length;j++){
back+=" "+i+" 行 "+j+" 列 :"+data[i][j]+" ";
}
back+="\n";
}
alert(back);
}
});
});
PHP代码： <?php
header('Content-Type:text/html; charset=gb2312');//使用gb2312编码，使中文不会变成乱码
$backValue=array();
$backValue[0]=$_POST['trans_data'];
$backValue[1]=$_POST['trans_data1'];
echo json_encode($backValue);
?>
显示效果如下图：
四、前台传递一维数组和二维数组，后台返回二维数组（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<data[0].length;j++){
back+=" "+i+" 行 "+j+" 列 :"+data[i][j]+" ";
}
back+="\n";
}
alert(back);
}
});
});
PHP代码： <?php
header('Content-Type:text/html; charset=gb2312');//使用gb2312编码，使中文不会变成乱码
$backValue=array();
$backValue=$_POST['trans_data2'];
$backValue[2]=$_POST['trans_data'];
$backValue[3]=$_POST['trans_data1'];
echo json_encode($backValue);
?>
显示效果如下图：
|
***Jquery下Ajax与PHP数据交换
2015-10-18
949
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
一、前台传递字符串变量，后台返回字符串变量（非json格式）
Javascript代码：
这里，为了解决Ajax数据传递出现的汉字乱码，在字符串传递之前，使用javascript函数escape()对汉字字符串进行了编码，并且对返回
的字符串使用unescape()函数进行解码，使得汉字得以正常显示。
目录
相关文章
|
5天前
|
JSON
缓存
前端开发
PHP如何高效地处理JSON数据：从编码到解码
在现代Web开发中，JSON已成为数据交换的标准格式。本文探讨了PHP如何高效处理JSON数据，包括编码和解码的过程。通过简化数据结构、使用优化选项、缓存机制及合理设置解码参数等方法，可以显著提升JSON处理的性能，确保系统快速稳定运行。
22
3
3
|
29天前
|
前端开发
JavaScript
数据处理
|
2月前
|
JSON
前端开发
JavaScript
|
2月前
|
JSON
JavaScript
前端开发
Jquery常用操作汇总，dom操作，ajax请求
本文汇总了jQuery的一些常用操作，包括DOM元素的选择、添加、移除，表单操作，以及如何使用jQuery发送Ajax请求，涵盖了GET、POST请求和文件上传等常见场景。
23
2
2
|
2月前
|
XML
前端开发
JavaScript
php中Ajax的简单使用，登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
本文介绍了在PHP中如何使用Ajax进行登录表单的数据提交，并利用jQuery的$.post()方法与后端通信，以及使用layer.msg进行前端提示。
28
0
0
|
2月前
|
JSON
前端开发
JavaScript
|
3月前
|
前端开发
JavaScript
Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码，包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面（单文件上传和多文件上传加表单内容）以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
141
0
0
|
3月前
|
数据采集
PHP
PHP中实现简单爬虫与数据解析
【8月更文挑战第31天】在互联网的海洋里，爬虫技术如同一艘探索船，帮助我们搜集和理解信息。本文将带你通过PHP语言，轻松实现一个简单的网页内容抓取工具，并展示如何从抓取的数据中解析出有用信息。我们将一起航行在代码的波浪中，体验从无到有构建一个基本爬虫的过程。
39
0
0
|
3月前
|
数据采集
JavaScript
数据挖掘
如何使用 PHP Simple HTML DOM Parser 轻松获取网页中的特定数据
本文介绍了使用PHP Simple HTML DOM Parser进行网页数据抓取的方法，尤其适用于从懂车帝二手车网站提取汽车品牌、价格和里程等关键信息。首先，安装并配置所需库，使用代理IP和设置cookie与useragent来模拟用户行为，避免被封。然后，通过编写PHP脚本，利用cURL获取网页内容，解析HTML并提取所需数据，最终将数据保存至CSV文件。文章强调了正确配置代理和用户代理的重要性，并提供了完整的PHP代码示例，以帮助读者理解和应用网页抓取技术。
64
0
0
|
3月前
|
XML
JSON
前端开发
热门文章
最新文章
1
jquery实现table增删改
2
Check All Checkboxes with JQuery[转]
3
ASP.NET MVC和jQuery系列一：入门篇
4
MVC中 数据底层联合JQUERY实现动态的安全的验证机制
5
jquery插件整理篇（六）HTML编辑器插件
6
jQuery EasyUI API 中文文档 - 解析器
7
jquery还原含有rowspan、colspan的table
8
jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法
9
jQuery .unique()的使用
10
一起谈.NET技术，抛弃WebService，在.NET4中用 jQuery 调用 WCF
1
Ajax – JSON入门指南
53
2
安装ASP.NET AJAX (一安装)
86
3
CSR（客户端渲染）和AJAX在Web开发中各自扮演不同的角色
61
4
AJAX和CSR（客户端渲染）是Web开发中常用的两种技术
55
5
ajax Fileupload多文件上传实现
68
6
学习Ajax使用异步对象发送请求
62
7
【专栏：HTML 进阶篇】HTML 表单验证与 AJAX 交互
45
8
【JavaScript技术专栏】JavaScript网络请求与Ajax技术
65
9
【PHP开发专栏】jQuery与PHP实现Ajax通信
121
10
【PHP 开发专栏】PHP 与 Ajax 交互开发
73