同源地址:任意两个地址中的协议,域名,端口相同,称为同源地址
同源策略:  是浏览器的一种基本安全策略  
                    不允许对非同源地址进行请求(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. Vue学习之路第十一篇:为页面元素设置class类样式

    1.class为页面元素的一个属性,通过前面第五篇的内容可知,操作属性需要使用到v-bind指定(也可简写为 :). 2.先来看一个简单的页面样式内容: <!DOCTYPE html> & ...

  2. js 操作table: insertRow(),deleteRow(),insertCell(),deleteCell()方法

    表格有几行: var trCnt = table.rows.length;  (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++)              ...

  3. idea 解决git冲突

    1.提交本地代码到本地仓库 2.啦取远程代码 不进行merge 3.冲突文件会显示   >>> head  ===== 4.删除  >>> head  ===== ...

  4. C# 常用字符串加密解密方法

    using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Sec ...

  5. mplayer 在线播放错误

    CPU: ARM Playing rtsp://admin:12345@192.168.1.198/mpeg4/main/ch01/av_stream.Connecting to server 192 ...

  6. php RSA 简单实现

    这是rsa_private_key.pem-----BEGIN PRIVATE KEY----- MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQC ...

  7. windows无法开机解决方法

    电脑启动弹出错误Ntldr is missing , 解决方法:重新从xp中拷贝一个出来粘贴上就行 电脑启动弹出错误Ntldr is compressed ,表示分区中的文件被压缩了 解决方法:首先把 ...

  8. POJ 2019

    简单的RMQ,可我怎么写都WA.不明白,找了一个和我相似的贴过了,要赶着去外婆家. #include <iostream> #include <algorithm> #incl ...

  9. 使用SecueCRT在本地主机与远程主机之间交互文件

    名词解释 本地主机:执行SecueCRT,以管理远程Linux或Unix的机器(一般为Windows系统) 远程主机:被SecueCRT进行管理控制的机器(一般为Linux或Unix) 1.开启SFT ...

  10. SSM框架——具体整合教程(Spring+SpringMVC+MyBatis)

    使用SSM(Spring.SpringMVC和Mybatis)已经有三个多月了.项目在技术上已经没有什么难点了,基于现有的技术就能够实现想要的功能.当然肯定有非常多能够改进的地方.之前没有记录SSM整 ...