同源地址:任意两个地址中的协议,域名,端口相同,称为同源地址
同源策略:  是浏览器的一种基本安全策略  
                    不允许对非同源地址进行请求(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. deepin 新创建的用户文件管理中挂载点打不开

    使用 root 用户可以打开,但是使用非 root 用户打不开 原因是权限不够 test1@test1-PC:~$ cd /media/ test1@test1-PC:/media$ ls apt c ...

  2. html中的meta标签属性

    <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta ...

  3. LIS,LCS,LICS 学习笔记

    1.最长上升子序列(LIS) 子序列: 1.可以不连续 2.相对位置不变 dp[i][j] 表示前i位置,最大值为j的LIS长度 1. dp[i-1][j] 前i-1位置,最大值为j的LIS长度 (没 ...

  4. ubuntu的LAMP环境搭建

    服务器的搭建,经典组合:LAMP(Linux+Apache+Mysql+PHP) unbuntu源更新:sudo apt update 更新:sudo apt upgrade 安装Apache:sud ...

  5. hdu 4607 树形dp 树的直径

    题目大意:给你n个点,n-1条边,将图连成一棵生成树,问你从任意点为起点,走k(k<=n)个点,至少需要走多少距离(每条边的距离是1): 思路:树形dp求树的直径r: a:若k<=r+1 ...

  6. ORACLE-游标数

    .查看系统配置游标数 select value from v$parameter where name = 'open_cursors'; .查看游标使用情况 select o.sid, osuser ...

  7. CCEditBox/CCEditBoxImpl

    #ifndef __CCEditBoxIMPL_H__ #define __CCEditBoxIMPL_H__ #include "cocos2d.h" #include &quo ...

  8. 继续过Hard题目.0209

    http://www.cnblogs.com/charlesblc/p/6372971.html 继续过Hard模式的题目吧.   # Title Editorial Acceptance Diffi ...

  9. POJ 3243

    Babystep算法.具体为什么,我也不太明白,好像资料不多. #include <iostream> #include <cstdio> #include <cstri ...

  10. 上机题目(0基础)- Java网络操作-Socket实现client和server端通信(Java)

    非常多刚開始学习的人对于java网络通信不太熟悉.对相关概念也不太明确,这里我们主要实现一下socket通信,socket通信在java中应用十分广泛.比如QQ和MSN等都是基于socket通信的,什 ...