同源地址:任意两个地址中的协议,域名,端口相同,称为同源地址
同源策略:  是浏览器的一种基本安全策略  
                    不允许对非同源地址进行请求(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. 30 包含min函数的栈(举例让抽象问题具体化)

    题目描述: 定义栈的数据结构(push/pop),请在该类型中实现一个能够得到栈中所含最小元素的min函数(三者的时间复杂度都应为O(1)). 测试用例: 1)新压入栈的数字比之前的最小值大/小 2) ...

  2. nyoj27-水池数目【DFS】

    题目描述: 南阳理工学院校园里有一些小河和一些湖泊,现在,我们把它们通一看成水池,假设有一张我们学校的某处的地图,这个地图上仅标识了此处是否是水池,现在,你的任务来了,请用计算机算出该地图中共有几个水 ...

  3. Mybatis-Plus的BaseMapper的使用

    Mybatis-Plus 是一款 Mybatis 动态 SQL 自动注入 Mybatis 增删改查 CRUD 操作中间件, 减少你的开发周期优化动态维护 XML 实体字段. 下面简单举例,调用Base ...

  4. FreeMarker 页面静态化解决方案

    一.网页的静态化方案 1.生成静态页面的时机:在做添加操作时,同时生成该新增内容的对应的静态页面 2.静态页面的名称:内容 id + ".html" 3.静态页面所在的路径:工程外 ...

  5. CodeForcesGym 100676G Training Camp

    G. Training Camp Time Limit: 1000ms Memory Limit: 262144KB This problem will be judged on CodeForces ...

  6. 跳出$.each()循环

    return false:将停止循环 ,跳出eachreturn true:跳至下一个循环(就像在普通的循环中使用'continue').

  7. 洛谷—— P1189 SEARCH

    https://www.luogu.org/problem/show?pid=1189 题目描述 年轻的拉尔夫开玩笑地从一个小镇上偷走了一辆车,但他没想到的是那辆车属于警察局,并且车上装有用于发射车子 ...

  8. 因一段JavaScript代码引发的闲扯

    前两天,一朋友给我发了一段JavaScript代码: function f1(){ var n=999; nAdd=function(){ n+=1 }; function f2(){ alert(n ...

  9. 前端 自定义format函数

    为字符串创建format方法,用于字符串格式化  {# 前端没有字符串占位符%s的替代方法,以下是自定义字符串替换的方法,以后前端拓展方法都可以使用下面的形式 #} String.prototype. ...

  10. _DataStructure_C_Impl:AOE网的关键路径

    //_DataStructure_C_Impl:CriticalPath #include<stdio.h> #include<stdlib.h> #include<st ...