ajax

作者: z_j_r | 来源:发表于2017-10-31 13:07 被阅读0次

前言:

再牛逼的梦想,也抵不住傻逼似的坚持!!

--------------------------------正文---------------------------------

服务器:

服务器(指电脑),用于存储、计算,提供一些服务

web服务

响应客户端的请求

让自己的电脑变成服务器:安装web服务

安装集成环境: wampwindows apache mysql php

              mampmac apache mysql php

              xampp 两种平台都可以

进入文件时:  localhost

             127.0.0.1

数据交互:

form表单         提交数据

action           提交地址

method           提交方式

表单有name       数据的名字

submit按钮       提交按钮

method提交方式:

method提交方式 get post
提交方式 明文提交(url地址) 密文提交(请求头部)
速度
大小 32KB 1GB
是否有缓存 没有

缺点:(逐渐的退出了舞台)

1.会刷新页面、用户体验、浪费流量(钱)

2.从服务器取数据?        不能

Ajax(Asynchronous Javascript And XML)

     即: 异步的javascript和xml

          无刷新从后台取数据

          放在服务器环境下

ajax格式

(jquery-ajax)下

$.ajax({

     url:'交互地址',

     type:'get或者post',

     data(数据) : {

          name: ' ',

          age: ,

          t(大家都用)(解决缓存问题):Math.random()

     },

     dataType :'json'(数据类型)

}).then(function(res){

     res(结果)

     成功回调函数

},function(){

     失败回调函数

});
回调函数(编写人不调用)
只需要关心定义,不需要关心调用的函数

特点:

1.缓存(cache)

      url不同就没有缓存

     eg: http://www.a.com?t=1

          http://www.a.com?t=2

清除缓存:

      t: Math.random()基本上都用这个

      t: new Date().getTime()

2.编码格式不统一会有乱码(编码一定要统一)

        UTF-8

        GB-2312

3.不关心文件类型(只要是文件就可以)

4.响应的结果都是字符串
即:解析数据

 a.不建议使用

      eval()

 b.不建议使用

      new Function('return '+result)();

 c.var json = JSON.parse(result);

     瑕疵:不兼容IE低版本

    jquery

       $.parseJSON();

 d.jquery中

      $.ajax({

           url:'',

           data:{},

           dataType:'json'

       }).then(function(){},function(){});

eval()

 执行字符串代码

 解析json字符串的时候两边要加小括号

不建议使用(原因)

1.太强大了,什么都能解析,但是会有安全问题。

2.性能差  

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:ajax

      本文链接:https://www.haomeiwen.com/subject/vzcbpxtx.html