Ajax和node相结合 1

最新推荐文章于 2022-07-25 06:45:00 发布

ZhiAng99

最新推荐文章于 2022-07-25 06:45:00 发布

阅读量225

点赞数 1

文章标签： ajax

本文链接：https://blog.csdn.net/ZhiAng99/article/details/108651208

版权

本文介绍了如何使用Ajax与Node.js相结合，从Ajax入门、处理接收到的数据、传递GET和POST请求参数到服务器，到理解Ajax的状态码和错误信息。基础的Ajax代码、GET和POST请求的参数拼接方法以及xhr对象的状态码和错误信息获取是关键点。

摘要由CSDN通过智能技术生成

文章目录

1.Ajax入门

ajax其实就是服务器和网页之间的中间人网页跳转会经过Ajax的处理服务器返回的信息也会在Ajax中进行处理所以你网页要去哪里怎么去都要通知给Ajax
下面就是Ajax最基础的代码

<script type="text/javascript">
		// 1.创建ajax对象
		var xhr = new XMLHttpRequest();
		// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
		// 1)请求方式 2)请求地址
		xhr.open('get', 'http://localhost:3000/first');
		// 3.发送请求
		xhr.send();
		// 4.获取服务器端响应到客户端的数据
		xhr.onload = function (){
   
			console.log(xhr.responseText)
		}
	</script>

2.处理Ajax接收的数据

因为node服务器不可以直接传递json对象传递过来的大多都是json字符串的形式所以我们需要自己将json字符串转化为对象

 <script type="text/javascript">
      // 1.创建ajax对象
      var xhr = new XMLHttpRequest();
      // 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
      // 1)请求方式 2)请求地址
      xhr.open("get", "http://localhost:3000/responseData");
      // 3.发送请求
      xhr.send();
      // 4.获取服务器端响应到客户端的数据
      xhr.onload = function () {
   
        //这样子到页面就不是json对象了 而是json字符串
        //console.log(xhr.responseText);
        //将json字符串转化为json对象
        //JSON.parse(xhr.responseText)
        console.log(JSON.parse(xhr.responseText)