java交互_JAVA前后实现交互

接口一般指的是HTTP接口，也可以说是HTTP API。

接口由后端提供，前端调用后端接口以获取后端数据。

接口由URL和HTTP方法构成，URL为接口的地址，HTTP方法指的是GET, PUT, DELETE等等。

例如: 使用浏览器访问某个图片：https://fundebug.com/assets/images/logo/fundebug.jpg， 实际上是给服务器发了一个GET请求。图片属于静态资源，使用GET方法可以自动获取。

ajax里的url以及HTTP方法一起构成了后端的接口。

图片地址以及GET方法一起构成了后端的接口。

Ajax

ajax请求中 url：添加的是由后台人员给的接口文件 一般是json格式的数据

网上用户上传图片作为头像 这个需求需要后台人员处理当用户登录 修改自己个人信息的时候 上传了头像此时 后台处理该用户update个人信息 将该图片存入数据库 一般存的都是图片地址 string形式的数据然后 要返回到前台的时候后台人员需要对这些用户的个人信息进行处理 不只是头像 还有一些别的信息后台通过语言编译 生成json格式的键值对(一般是json 还有xml txt 等数据格式)生成一个地址也就是url，前台人员利用ajax将返回的data显示到页面就好了

会返回一个image具体$(".imga").eq(i).css("background-image", "url(http://t1.loocha.cn:8080" + data.users[i].avatar + ")");

调用接口

ajax可以在页面引入jQuery后使用

这个是 java web 项目，你要ajax调用，必须要先知道你的java web 路由的一个配置情况，你这个应该是一个 spring mvc 项目，你试着打开api 目录，随便打开一个文件，然后找@RequestMapping,在它里面的字符串就是你要调用的接口 url

后台一般会提供接口URL和详细的接口文档，介时根据业务逻辑调用对应接口即可。

向后台索要借口API文档，里面肯定有详细的定义，胜过在这里自己猜测

自己搜一下这几个项目ppt_api,ppt-cms,ppt_web里面有没有"requestMapping"标示，这是定义API访问URL的常用方式

1、前端请求数据URL由谁来写

URL主要是由后台URL请求的参数)。

2、接口文档主要由谁来写

接口文档主要由后台后台直接跟数据打交道，最清楚切记：前端不能随意更改接口文档，除非取得后台同意。

3、前端与后台交互的数据格式

JSON，XML现在用的不多

4、前端与后台的交互原理

调一下接口，看一下返回的数据。

5、前端请求参数的形式

GET从指定的服务器中获取数据，POST提交数据给指定的服务器处理

6、前端应该告知后台那些有效信息，后台才能返回前端想要的数据

URL中的参数主要是根据后台需要，若后台需要一个参数作为查询的辅助条件，前端在URL数据请求时就传递参数

7、前端如何把页面信息有效传达给后台，以及后台如何获取到这些数据

URL给前端

8、前端应该如何回拒一些本不属于自己做的一些功能需求或任务

清晰的认识自己需要做的需求和任务

9、当前端在调用数据接口时，发现有些数据不是我们想要的，那么前端应该怎么办

URL和返回的数据以及在页面的展示的情况给后台看【后台查询数据、取数据、封装数据方面等蛮难处理的】

10、为什么需要在请求的时候传入参数

后台在查询数据库的时候需要条件查询

后台的一个接口，AJAX传到数据库//前端js操作： function testAjax(){ var url="/testAjaxUrlJson/";//后台接收处理url var txtContent= "textprm";//传输内容; var objData = [ { name: 'txtContent', value: txtContent} ];//post方式传送的数据 $.ajax({ url: url , data: objData , dataType: 'json' , type: 'POST' , success: function (data) { if (data.Result == 'success') { alert("操作成功");//请求传输成功回调函数 } else { alert("操作失败");//请求传输失败回调函数 } } , error: function (msg) { alert(msg); //错误信息 } }); } //后台接收 MVC下 public JsonResult testAjax(Formcollection form) { Hashtable ht = new Hashtable(); string content=form["txtContent"] as string; //数据库操作 //保存数据库中【数据操作，自己填充】 //返回json bool result=false; if(数据库操作成功【result==true】) ht["Result"]="success"; else ht["Result"]="failed"; return Json(ht); }