首页 前端知识 JavaWeb:Ajax和JSON

JavaWeb:Ajax和JSON

2024-09-21 21:09:40 前端知识 前端哥 344 100 我要收藏

实现方式:


  1. 原生的JS实现方式(了解)

//1.创建核心对象

var xmlhttp;

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);

}

//2. 建立连接

/*

参数:

  1. 请求方式:GET、POST
  • get方式,请求参数在URL后边拼接。send方法为空参

  • post方式,请求参数在send方法中定义

  1. 请求的URL:

  2. 同步或异步请求:true(异步)或 false(同步)

*/

xmlhttp.open(“GET”,“ajaxServlet?username=tom”,true);

//3.发送请求

xmlhttp.send();

//4.接受并处理来自服务器的响应结果

//获取方式 :xmlhttp.responseText

//什么时候获取?当服务器响应成功后再获取

//当xmlhttp对象的就绪状态改变时,触发事件onreadystatechange。

xmlhttp.onreadystatechange=function()

{

//判断readyState就绪状态是否为4,判断status响应状态码是否为200

if (xmlhttp.readyState4 && xmlhttp.status200)

{

//获取服务器的响应结果

var responseText = xmlhttp.responseText;

alert(responseText);

}

}

  1. JQeury实现方式

$.ajax():语法:$.ajax({键值对});

//使用$.ajax()发送异步请求

$.ajax({

url:“ajaxServlet1111” , // 请求路径

type:“POST” , //请求方式

//data: “username=jack&age=23”,//请求参数

data:{“username”:“jack”,“age”:23},

success:function (data) {

alert(data);

},//响应成功后的回调函数

error:function () {

alert(“出错啦…”)

},//表示如果请求响应出现错误,会执行的回调函数

dataType:“text”//设置接受到的响应数据的格式

});

$.get():发送get请求。语法:$.get(url, [data], [callback], [type])

参数:

  • url:请求路径

  • data:请求参数

  • callback:回调函数

  • type:响应结果的类型

$.post():发送post请求。语法:$.post(url, [data], [callback], [type])

参数:

  • url:请求路径

  • data:请求参数

  • callback:回调函数

  • type:响应结果的类型

JSON:

================================================================

概念


JavaScript Object Notation JavaScript对象表示法

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

var p = {“name”:“张三”,“age”:23,“gender”:“男”};

  • json现在多用于存储和交换文本信息的语法

  • 进行数据的传输

  • JSON 比 XML 更小、更快,更易解析。

语法


总结:绘上一张Kakfa架构思维大纲脑图(xmind)

image

其实关于Kafka,能问的问题实在是太多了,扒了几天,最终筛选出44问:基础篇17问、进阶篇15问、高级篇12问,个个直戳痛点,不知道如果你不着急看答案,又能答出几个呢?

若是对Kafka的知识还回忆不起来,不妨先看我手绘的知识总结脑图(xmind不能上传,文章里用的是图片版)进行整体架构的梳理

梳理了知识,刷完了面试,如若你还想进一步的深入学习解读kafka以及源码,那么接下来的这份《手写“kafka”》将会是个不错的选择。

  • Kafka入门

  • 为什么选择Kafka

  • Kafka的安装、管理和配置

  • Kafka的集群

  • 第一个Kafka程序

  • Kafka的生产者

  • Kafka的消费者

  • 深入理解Kafka

  • 可靠的数据传递

  • Spring和Kafka的整合

  • SpringBoot和Kafka的整合

  • Kafka实战之削峰填谷

  • 数据管道和流式处理(了解即可)

image

image

  • 第一个Kafka程序

  • Kafka的生产者

  • Kafka的消费者

  • 深入理解Kafka

  • 可靠的数据传递

  • Spring和Kafka的整合

  • SpringBoot和Kafka的整合

  • Kafka实战之削峰填谷

  • 数据管道和流式处理(了解即可)

[外链图片转存中…(img-UW8vhc2K-1719264558973)]

[外链图片转存中…(img-VDiyHWOr-1719264558973)]

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18497.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!