同源地址:任意两个地址中的协议,域名,端口相同,称为同源地址
同源策略:  是浏览器的一种基本安全策略  
                    不允许对非同源地址进行请求(ajax)
                    限制的方式:可以发送请求,服务端也会进行响应,但是响应回到客户端后被浏览器阻止了
$.ajax()常用方法
$.ajax({
url:请求地址,(必写)
data:发送到服务器的数据,GET请求中将附加在URL后,为urlencoded格式
dataType:预期服务器返回的数据类型,
success:请求成功后 的回调函数,参数(由服务器返回 ,并根据dataType参数进行处理后的数据)
time:设置请求超时的时间(毫秒),会覆盖全局设置
type:默认GET,包括(POST和GET);
})

  

 
原生ajax操作的4个步骤:
1、进行实例对象创建
var xhr = new XMLHttpRequest();
2、调用open方法建立与服务端的连接
xhr.open('POST' ,'/13_code/ajax.php');
**由于通过POST方式发送的数据,默认无法被服务端识别,所以需要设置请求体的内容类型
需要在send前调用 setRequestHeader() 方法将 Content-Type 属性设置为
application/x-www-form-urlencoded **
xhr.open('GET' ,'/13_code/ajax.php?');
3、调用 send 方法 传入需要的参数
GET : xhr.send(null);
POST: xhr.send('id=10&age=20&name=jack'); urlencoded 格式的参数
4、 调用 onreadystatechange 方法 判断响应状态和状态码
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
// 得到响应体,处理数据
}

  

 
转换数据格式:
js前端转换:
1.拿到后台传过来的JSON格式的数据后
var data='{"name":"goatling"}';
JSON.parse(data); // {name: "goatling"} (对象)
进行格式转换,得到一个JSON对象
再进行遍历 for in
2.如果需要发送JSON格式的数据给后台 ,那需要把数据转换为JSON格式,前提要有一个JSON格式的对象
var data1 = {"name":"goatling"};
JSON .stringify(data1); // '{"name":"goatling"}' (字符串) php后台转换
1.json_encode()对变量进行 JSON编码
将 数据(关联数组) 转换成 json 格式字符串
json_encode($arr, JSON_UNESCAPED_UNICODE)
2. json_decode 需要将 JSON 字符串 转换为关联数组结构
// print_r(json_decode($json_str, true));

  

ajax常用知识的更多相关文章

  1. AJAX重点知识的心得体会

    下面就为大家带来一篇 AJAX重点知识的心得体会.学习还是有点帮助的,给大家做个参考吧. AJAX是什么? 是Asynchronous Javascript And XML的首字母的缩写, 它不是一门 ...

  2. Ajax基础知识 浅析(含php基础语法知识)

    1.php基础语法    后缀名为.php的文件 (1) echo   向页面中输入字符串  <?php    所有php相关代码都要写在<?php ?>这个标签之中 echo &q ...

  3. php常用知识集锦

    php常用知识集锦 很多位置都有写好的代码,自己做项目的时候可以直接拿来用,而不用自己写,比如现在看到的菜鸟教程. 1.判断是否为空 empty($_POST["name"]) 2 ...

  4. 【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇一:WPF常用知识以及本项目设计总结

    篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...

  5. Ajax基础知识《一》

    对于网站开发人员,一定不会陌生的Ajax技术,本篇就让我们认识一下它,或许在日后的开发过程中我们就可以使用到.Ajax在那方面使用的比较多呢?答案:表单注册,传统的表单注册,有时需要填写大量的信息,当 ...

  6. Ajax基础知识(二)

    接上一篇  Ajax基础知识(一) 在上一篇博客里,抛弃了VS中新建aspx页面,拖个button写上C#代码的方式.使用ajax的方式,异步向服务器请求数据.我们让服务器只简单的返回一个" ...

  7. javascript常用知识点集

    javascript常用知识点集 目录结构 一.jquery源码中常见知识点 二.javascript中原型链常见的知识点 三.常用的方法集知识点 一.jquery源码中常见的知识点 1.string ...

  8. AngularJS进阶(十二)AngularJS常用知识汇总(不断更新中....)

    AngularJS常用知识汇总(不断更新中....) 注:请点击此处进行充电! app.controller('editCtrl',['$http','$location','$rootScope', ...

  9. 打造自己的Android常用知识体系

    前言 Android常用知识体系是什么鬼?所谓常用知识体系,就是指对项目中重复使用率较高的功能点进行梳理.注意哦,不是Android知识体系. 古语道:学而不思则罔,思而不学则殆.如果将做项目类比为“ ...

随机推荐

  1. mongoDB authentication

    转自:http://blog.csdn.net/allen_jinjie/article/details/9235073 1. 最开始的时候,我们启动mongodb,但是不包含--auth参数: E: ...

  2. 无edu邮箱如何申请onedirve 5T账户

    如何申请onedirve 5T账户 要申请onedrive的教育版,一般是需要教育邮箱的.但如果没有教育邮箱,则需要找一些学校的漏洞来申请. 第一个方法是申请国外学校的校友邮箱,这就需要相应的校友信息 ...

  3. ndk,cygwin编译 .so动态库

    注意: ndk .cygwin 安装路径尽量要和sdk放到一个磁盘里,设置环境变量. 例如D: 根目录  变量名:ndk   值:/cygdrive/d/android-ndk-r8e 打开cygwi ...

  4. 参数化取值策略Unique

    Unique:主要是强调取值的唯一性,如果到最后没有该值了,LR提供了其他解决方案,如图所示: 此处的下拉列表中提供了三种方式,具体如下: About Vuser,当取值次数超过参数的行数时,忽略脚本 ...

  5. annotation配置springMVC的方法了事务不起作用

    Spring MVC 和spring context 父子容器关系http://www.121ask.com/thread-5471-1.html 父上下文容器中保存数据源.服务层.DAO层.事务的B ...

  6. Java压缩和解压缩文件工具

    Java压缩和解压缩文件工具 学习了: https://www.oschina.net/code/snippet_1021818_48130 http://blog.csdn.net/gaowen_h ...

  7. uva 10061(数学)

    题解:题目要在b进制下输出的是一个数字阶乘后有多少个零,然后输出一共同拥有多少位.首先计算位数,log(n)/log(b) + 1就是n在b进制下有多少位,而log有个公式就是log(M×N) = l ...

  8. Android中XML解析,保存的三种方法

    简单介绍 在Android开发中,关于XML解析有三种方式,各自是: SAX 基于事件的解析器.解析速度快.占用内存少.非常适合在Android移动设备中使用. DOM 在内存中以树形结构存放,因此检 ...

  9. Cocos2D-x设计模式发掘之中的一个:单例模式

    http://www.tuicool.com/articles/NBRn2murl=pVtZACoQFKXC3u3uGwMLnTy4YDWihcVg0ata5gy506pmPpQEc0PO9hm6wG ...

  10. Line(扩展欧几里得)

    题意:本题给出一个直线,推断是否有整数点在这条直线上: 分析:本题最重要的是在给出的直线是不是平行于坐标轴,即A是不是为0或B是不是为0..此外.本题另一点就是C输入之后要取其相反数,才干进行扩展欧几 ...