ajax数据请求5(php格式)

ajax数据请求5(php格式):

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ajax请求数据3</title>
	</head>
	<body>
		<button id="btn">请求数据</button>
		<h1 id="txt"></h1>
		<script type="text/javascript">
			var btn = document.getElementById(‘btn‘);
			var txt = document.getElementById(‘txt‘);
			btn.onclick = function() {
				//1.创建XMLHttpRequest对象
				var xhr = null;
				if(window.XMLHttpRequest) {//非IE56
					xhr = new XMLHttpRequest();//实例对象
				}else {//IE56
					xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
				}
				//2.打开与服务器的链接
				xhr.open(‘get‘,‘test3.php?_=‘ + new Date().getDate(),true);//生成不一样的url解决缓存问题
				//3.发送给服务器
				xhr.send(null);//get请求
				//4.响应就绪
				xhr.onreadystatechange = function() {
					if (xhr.readyState == 4) {//请求完成
						if(xhr.status == 200) {
							var json = JSON.parse(xhr.responseText);
							txt.innerHTML = json.sex;
						}else {
							alert(xhr.status);
						}
					}
				}
			}
		</script>
	</body>
</html>

 PHP格式:

<?php
	$str = ‘{"name":"老王","sex":"男","age":"22","score":"58"}‘;
	echo $str;
?>

  

时间: 2024-11-08 14:14:52

ajax数据请求5(php格式)的相关文章

Ajax --- 数据请求

下面主要介绍(JS原生)数据请求的主要步骤: Ajax 数据请求步骤: 1.创建XMLHttpRequest对象 2.准备数据发送 3.执行发送 4.指定回掉函数 第一步:创建XMLHttpRequest对象 1 var xhr = new XMLHttpRequest(); // 标准浏览器 2 3 var xhr = new ActiveXObject('Microsoft.XMLHTTP'); // IE6 第二步:使用 open() 方法将参数传入 1 xhr.open('get','.

SpringMVC环境下实现的Ajax异步请求(JSON格式数据)

一 环境搭建 首先是常规的spring mvc环境搭建,不用多说,需要注意的是,这里需要引入jackson相关jar包,然后在spring配置文件"springmvc-servlet.xml"中添加json解析相关配置,我这里的完整代码如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schem

springmvc通过ajax异步请求返回json格式数据

jsp 首先创建index.jsp页面 <script type="text/javascript"> $(function () { $("#username").click(function () { $.ajax({ url: "list",//请求地址 type: "POST", dataType: "json", success: function(data) {//data是默认的,

servlet与ajax数据交换(json格式)

JSON数据格式: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等). 这些特性使JSON成为理想的数据交换语言. JSON建构于两种结构: (1)"名称/值"对的集合(A collection of name

api接口中ajax数据请求与数据返回的小坑

AJAX 可以使网页实现异步更新,XMLHttpRequest 是 AJAX 的基础,大部分浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject),XMLHttpRequest对象基于HTTP协议用于在后台与服务器交换数据.HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 POST 一般用来向服务端提交数据,这里主要说 POST 提交数据

ajax数据请求

load 用来请求公共部分: 比如copy里面的div 想要请求tpl里面的ul; // load方法$("div").load('tpl.html',function (data) { console.log(data); }); //post与get方法 $.post('tpl.html',function (data) { console.log(data); $("div").append(data) }); $("div").load(

ajax 里的数据请求

今天给大家讲讲前端怎样通过ajax里的 get 和post两种方法来发送数据请求 首先,我们先知道 ajax里的get  post里有两个属性, open(),send().还要区分同步请求还是异步请求 在我们以后参加工作的时候用的比较多的都是异步请求 true: 那我们先来说说异步的请求方法 当然这里也不能漏了同步请求 上面的 是通过get的方法来请求的 date.json是我需要请求的数据地址 这里大家知道怎么请求的方法就可以了 一般你在参加工作之后会有后端的数据库人员会给你相应的数据库地址

POI导出Excel不弹出保存提示_通过ajax异步请求(post)到后台通过POI导出Excel

实现导出excel的思路是:前端通过ajax的post请求,到后台处理数据,然后把流文件响应到客户端,供客户端下载 文件下载方法如下: public static boolean downloadLocal(HttpServletRequest request,String filePath, String fileName, HttpServletResponse response) throws Exception { // 读到流中 InputStream inStream = new F

ajax接收遍历处理json格式数据

转载源:http://www.cnblogs.com/dibaosong/p/4572274.html ajax在前后端的交互中应用非常广泛,通过请求后台接口接收处理json格式数据展现在前端页面. 下面我们来简单用 ajax在本地做一个接收并处理json的小例子 首先我们要新建一个叫做data的json文件data.json. data.json文件内容是: [    {"name":"小明","sex":"男","