ajax综合应用(全面)的综合分析

Ajax,异步Javascript和XML(异步Javascript和XML),是指用于创建交互式Web应用程序的Web开发技术。

ajax =异步Javascript和XML(标准通用Markup Language的一个子集)。



Ajax是一种创建快速动态网页的技术。

通过在后台和服务器中交换少量数据,Ajax可以异步更新Web页面,这意味着Web页面的一部分可以在不重新加载整个Web页面的情况下更新。

传统的Web页面(不使用Ajax),如果需要更新内容,则必须覆盖整个页面页面。

xml:返回XML文档并使用jQuery处理它。



:返回纯文本HTML信息;当插入DOM时,将执行所包含的脚本标记。



脚本:返回到纯文本Javascript代码。结果不会自动缓存。除非设置了缓存参数。注意:所有POST请求都将被转换为在远程请求(不在同一个域)下请求(因为DOM的脚本标签将被加载)。



JSON:返回到JSON数据。



json:json格式。当使用JSONP形式来调用一个函数,如myurlcallback =jQuery将自动替换功能正确执行回调函数的名称。



文本:返回纯文本字符串

首先,前台传递字符串变量,后台返回字符串变量(非JSON格式)。



在这里,为了解决中文乱码的Ajax数据传输的问题,我们使用Javascript函数逃生()编码的汉字串在返回的字符串,并返回它的汉字串。

字符串解码与unescape()函数,汉字可以正常显示。当然,背景的PHP代码,还增加了一个表头文件确保字符串没有随机编码的各种背景代码解决方案。

汉字混乱的方式如下:

PHP:头('content-type:文本/ HTML;字符集GB2312);

Javascript代码:


$(函数(){())
无功my_data =变;
my_data =逃避(my_data); / / +编码,防止汉字乱码
$ ajax({
网址:ajax_php PHP 。
类型:邮政
数据:{ trans_data:my_data },
/ / JSON数据类型:
错误:函数(){
警报(错误加载XML文档);
},
成功:函数(数据,状态)如果成功调用PHP
警报(unescape(数据)); / /解码、显示汉字
}
});
});


PHP代码:


头('content-type:文本/ HTML;字符集GB2312); / /使用GB2312编码,中国不会出现乱码
backvalue美元美元'trans_data_post { } =;
echo $ backvalue。后台返回;


两。前台通过许多一维数组,后台返回字符串变量(非JSON格式)。

在非JSON格式中,背景只能返回到字符串,如果希望返回该数组的背景,可以使用JSON格式,稍后将在本文中对此进行详细描述。

Javascript代码:


$(函数(){())
无功my_data =新的数组();
无功my_data1 =新的数组();
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({
网址:ajax_php PHP 。
类型:邮政
数据:{ trans_data:my_data,trans_data1:my_data1 },
/ / JSON数据类型:
错误:函数(){
警报(错误加载XML文档);
},
成功:函数(数据,状态)如果成功调用PHP
警报(数据);
}
});
});



PHP代码:


读取第一个数组
backvalue美元=trans_data:;
$反= _post 'trans_data'} {美元;
foreach($反美元的价值)
{
backvalue = backvalue美元美元。$;
}
读取第二个数组
backvalue = backvalue美元美元。
$反= _post 'trans_data1'} {美元;
foreach($反美元的价值)
{
backvalue = backvalue美元美元。$;
}
echo $ backvalue;


三。前台通过许多一维数组,后台返回一个二维数组(JSON格式)。

Javascript代码:


$(函数(){())
无功my_data =新的数组();
无功my_data1 =新的数组();
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({
网址:ajax_php PHP 。
类型:邮政
数据:{ trans_data:my_data,trans_data1:my_data1 },
DataType:JSON
错误:函数(){
警报(错误加载XML文档);
},
成功:函数(数据)如果成功调用PHP
}
警惕(后面);
}
});
});


PHP代码:


头('content-type:文本/ HTML;字符集GB2312); / /使用GB2312编码,中国不会出现乱码
backvalue美元=阵();
为backvalue { 0 } = { } _post美元'trans_data;
为backvalue { 1 } = { } _post美元'trans_data1;
回声json_encode($ backvalue);


四。前台传递一个一维数组和一个二维数组,后台返回一个二维数组(JSON格式)。

Javascript代码:


$(函数(){())
无功my_data =新的数组();
无功my_data1 =新的数组();
无功my_data2 =新的数组();
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({
网址:ajax_php PHP 。
类型:邮政
数据:{ trans_data:my_data,trans_data1:my_data1,trans_data2:my_data2 },
DataType:JSON
错误:函数(){
警报(错误加载XML文档);
},
成功:函数(数据)如果成功调用PHP
}
警惕(后面);
}
});
});


PHP代码:


头('content-type:文本/ HTML;字符集GB2312); / /使用GB2312编码,中国不会出现乱码
backvalue美元=阵();
backvalue美元美元'trans_data2_post { } =;
为backvalue { 2 } = { } _post美元'trans_data;
为backvalue { 3 } = { } _post美元'trans_data1;
回声json_encode($ backvalue);


以上内容全面分析了ajax综合应用对您的全面应用。我希望能帮助你!