码迷,mamicode.com
首页 > Web开发 > 详细

网络请求-Ajax

时间:2018-04-10 15:07:56      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:客户端   www   address   技术分享   必须   sub   发送   Enctype   文件   

一、背景

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

标签:客户端   www   address   技术分享   必须   sub   发送   Enctype   文件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!