• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

前端后端交互的技术

开发技术 开发技术 1周前 (04-07) 3次浏览

前端后端交互的技术

Form表单

 

必须有页面的跳转

注册页面有20个输入框,20个输入框写完之后提交-》后台对数据进行校验(身份证号码)->如果发现身份证号码不对-》回到注册页面 -》一来一回,页面有刷新-》页面数据丢失。-》“提示身份证号码不对,输入框的数据全没了”-》开始骂娘。。

标签的名字:name属性的值,就是键,

           值:输入框的内容。

Ajax

页面的后台偷偷去获取数据,用户是没有感知的;页面是没有刷新

 

前后端数据交互:Json

    前端发送:用户名和密码。采用键值对

           Name:zhangsanfeg

           Pwd:123456

 

跨域

什么是跨域

域:地域,区域,域名,不同的地方

A 向 B 请求数据;

网络上地址:ip(域名)  + 端口

跨域: A 和B的ip或者端口不一样

现象

 前端后端交互的技术

 

 

原因:

请求地址和目标地址不一样,浏览器觉得不安全;可以拿到数据了,但是浏览器不会帮你解析,直接放弃;

解决

Jsonp

    请求数据,后台给你返回一段JavaScript代码,这段代码可以执行;

    请求数据,就相当于引入JavaScript代码

改成同域

 

Cors :在后台配置即可。

前端后端交互的技术

 

 

数据格式

 前端后端交互的技术

 

 

返回的是一个对象:

    {

       G:[],

       p:false,

       q:”aa,

       queryid:“”,

       slid:“”

}

 前端后端交互的技术

 


程序员灯塔
转载请注明原文链接:前端后端交互的技术
喜欢 (0)