Ajax发送与返回数据格式注意的要点总结

ajax的数据格式有三种: 文本,json,和xml。

这三种格式是最为常见的,先说一下关于发送数据注意的要点:

发送数据有post和get之分,get虽然较快,但是不是很安全,post相对有优势,数据安全切能够发送一定量的数据。

至于发送的数据格式,其它的两种数据格式就不用多少,没有什么要注意的,这里主要说一下json数据格式,这也是最为重要的,

json的数据格式我们一般都知道,唯一注意的是键名和键值,如果说是变量的话就不用加上引号,因为这是一个对象,所以在最外面也不用加双引号。

服务器接收数据,然后发送给客服端,就是直接使用echo语句,这个里面可以有文本,json和xml,这里唯一和客户端发送的区别是json数据是变量的话

首要加上引号,而且,在接收到的同时,我们需要eval函数进行处理,然后才能用调用json数据。

下面是我的具体代码:

<script type="text/javascript">
		$(document).ready(function(){
			$("#test").click(function(){
				/*普通get的方式*/
				/*$("#div_1").load("test1process.php?test_data1=555&&test_data2=333",null,function(data,textStaus,XMLHttpRequest){
					alert("服务器返回"+data);
				});*/

				/*以post的方式*/
				/*var url="test1process.php";
				var send_data={'username':$("#username").val(),'password':$("#password").val()};
				$("#div_1").load(url,send_data,function(data,textStaus,XMLHttpRequest){
					alert("服务器返回"+data);
				});*/

				/*json格式返回数据*/
				/*var url="test1process.php";
				var send_data={'username':$("#username").val(),'password':$("#password").val()};
				$("#div_1").load(url,send_data,function(data,textStaus,XMLHttpRequest){
					var json_data=eval("("+data+")");
					alert("用户名是"+json_data.username+" "+"密码是"+json_data.password);
				});
				*/

				//*xml格式接收*/
				var url="test1process.php";
				var send_data={'username':$("#username").val(),'password':$("#password").val()};
				$("#div_1").load(url,send_data,function(data,textStaus,XMLHttpRequest){
					var myxmldata=XMLHttpRequest.responseXML;
					/*var res=myxmldata.getElementsByTagName('username');
					/*alert(res[0].childNodes[0].nodeValue);*/
					alert(typeof myxmldata);
				});

			});
		});
	</script>

服务器端代码:

<?php
//header("Content-Type: text/html; charset=utf-8");
header("Content-Type: text/xml; charset=utf-8");
header("Cache-Control: no-cache");
/*
$test_data1=$_POST['test_data1'];
$test_data2=$_POST['test_data2'];
echo $test_data1;
echo $test_data2;
*/
/*
$username=$_POST['username'];
$password=$_POST['password'];
echo $username;
echo $password;
*/
/**以json格式返回数据*/
/*
$username=$_POST['username'];
$password=$_POST['password'];
echo "{'username':'$username','password':'$password'}";
*/
$username=$_POST['username'];
$password=$_POST['password'];
echo "<info><username>1111</username><password>222222</password></info>";
时间: 2024-08-01 10:43:41

Ajax发送与返回数据格式注意的要点总结的相关文章

jquery发送ajax请求返回数据格式

1 jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 2 3 1.html格式的数据 4 5 "<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>" 6 7 服务器端返回数据格式是html片

ajax发送json数据时为什么需要设置contentType: &quot;application/json”

1. ajax发送json数据时设置contentType: "application/json”和不设置时到底有什么区别?contentType: "application/json”,首先明确一点,这也是一种文本类型(和text/json一样),表示json格式的字符串,如果ajax中设置为该类型,则发送的json对象必须要使用JSON.stringify进行序列化成字符串才能和设定的这个类型匹配.同时,对应的后端如果使用了Spring,接收时需要使用@RequestBody来注解

Django框架进阶6 多对多三种创建方式, Ajax, Content-Type前后端传输数据编码格式, Ajax发送文件数据, django内置的序列化功能, Ajax结合sweetalert实现删除二次确认, 批量插入数据, 自定义分页器, ajax结合sweetalert实现删除二次确认

多对多三种创建方式 1.全自动(较为常用) class Book(models.Model): title = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author') # orm就会自动帮你创建第三张表 class Author(models.Model): name = models.CharField(max_length=32) ''' 好处:第三张表自己创建 不足之处:第三张表无法扩展额外

Ajax发送post请求

//创建Ajax对象(兼容处理) function createXHR() { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if(window.ActiveXObject) { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } return xhr; } //发送post请求 function request(){ xhr.open('P

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&

JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)

一.使用Ajax发送get请求 发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数:为Ajax对象的 onreadystatechange事件设定响应函数 - 发送请求:调用Ajax对象的send方法 - 获取Ajax对象     - 创建请求 - 注意: - true:表示发送异步请求(当Ajax对象发送请求时,用户仍然可以对当前页面做其它的操作) - false:表示发送同步

【04】AJAX接收服务器返回的数据

AJAX接收服务器返回的数据 readyState 和 status 属性 readyState 属性保存有 XMLHttpRequest 对象的交互状态,从 0 到 4 变化: 0 :未初始化(还没有调用send()方法): 1:载入(已调用send()方法,正在发送请求): 2:载入完成(send()方法执行完成,已经接收到全部响应数据): 3:交互(正在解析响应数据): 4:完成(响应数据解析完成,可以在客户端调用了). status 属性保存有 XMLHttpRequest 对象与后台交

使用原生ajax发送post请求完整案例

使用ajax发送数据实现前后台的交互,我想是web开发最基础的技能了.近来dz开发因为不兼容jquery,所以只能使用原生js发送数据,不想还遇到很多问题.在这里分析总结一下.先来一个使用ajax发送post表单数据的案例. <html> <head> <title> ajax发送post请求实例 </title> </head> <body> <form method="post" action="

Ajax请求php返回json对象数据中包含有数字索引和字符串索引,在for in循环中取出数据的顺序问题

//php中的数组数据格式 Array ( [all] => Array ( [title] => ALL [room_promotion_id] => all ) [best_available_rate] => Array ( [title] => Best Available Rate [room_promotion_id] => best_available_rate ) [30] => Array ( [room_promotion_id] =>