Atitit 前后端交互模式 目录 1.1. Ajax 1 1.2. Fetch api 1 1.3. 服务端脚本模式（简单快速） 1 1.4. 浏览器注入对象、函数 1 1.5. 浏览器插件模式

Atitit 前后端交互模式

目录

1.1. Ajax 1

1.2. Fetch api 1

1.3. 服务端脚本模式（简单快速） 1

1.4. 浏览器注入对象、函数 1

1.5. 浏览器插件模式 1

1.6. other 1

1. Ajax
2. Fetch api
3. 服务端脚本模式（简单快速）

<script src="http://localhost:8080/list.json"></script>

后端可用springboot

 @RequestMapping(value="/list.json" )    

    public String  testUploadFile2(HttpServletResponse response )    

 return    "list_data_fromjs="+JSON.toJSONString(li) +"";

 }

1. 浏览器注入对象、函数jsbridge JsBridge的核心

JsBridge之所以能实现Native与Js相互调用的功能，其核心实现其实就是：

1. 拦截Url
2. load url("javascript:js_method()");

先说第二点，Native调用Js，通过加载以javascript:开头的url即可实现调用Js的方法。这个很好理解，在web中也是通过这种方式调用Js的方法的。
然后细说下第一点的实现：

1. 浏览器插件模式

▪ ActiveX ▪ Java Applet ▪ JavaFX ▪

▪ Silverlight ▪ ActionScript ▪ Flex ▪ AIR

1. other