首页 > Web开发 > 详细

网络请求-Ajax

时间:2018-04-10 14:49:52      阅读:292      评论:0      收藏:0      [点我收藏+]

一、背景

1url请求简图

技术分享图片

2、请求页面方法的发展

Web的传统模型(form)。客户端向服务器发送一个请求,服务器返回整个页面,如此反复。

技术分享图片

 

在Ajax模型中,数据在客户端与服务器之间独立传输。服务器不再返回整个页面。

技术分享图片

之前请求数据都用form表单,但是每请求一次,都要重新刷新一次页面,用户体验特别不好,所以现在用ajax,可以实现局部页面请求数据。

3form表单

method         action            enctype

<form action="" method="">
        <input type="text" name="username">
        <input type="text" name="age">
        <input type="submit" value = "登录">
    </form>

MethodGET  POST等,get:请求数据,post输入数据

actionaddress

enctype: 规定在发送表单数据之前如何对其进行编码             application/x-www-form-urlencoded在发送前编码所有字符(默认)       multipart/form-data  (<input type=‘file‘>)不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

二、Ajax

1、什么是Ajax

用JavaScript 以异步的形式操作 xml (现在操作的是json)

全称:Asynchronous javascript and xml     异步js和xml

2、异步、同步

人类语言中的:     异步(非同时进行,按照顺序来)   同步

机器语言中的:     异步(同时进行)   同步(非同时进行,按照顺序来)

 

网络请求-Ajax

原文:https://www.cnblogs.com/wangzhenling/p/8778335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!