jquery~ajax()学习

w3school-jquery.ajax()文档:http://www.w3school.com.cn/jquery/ajax_ajax.asp

JQuery.ajax(),阿贾克斯,方法通过http请求加载远程数据,它可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

$ajax()返回其创建的XMLHttpRequest对象,即发送请求、调用api。XMLHttpRequest是ajax的基础,用于在后台和服务器交换数据。

$.ajax({          //famous阿贾克斯, jquery.ajax(),ajax()先调用来一个api,真正的请求发送端在前端后台。    url:"/record/analysis/",  //发送请求的地址,前端的后台,相当于服务器的前端,请求地址是在urls里面    type:"post",  //发送请求类型,post比get更稳定,支持大量数据和某些未知字符    data:formData, //发送到服务器的数据。将自动转换为字符串格式。必须为key/value格式。                   //jquery将自动为不同值对应同一个名称,如 {foo:["bar1", "bar2"]} 转换为 ‘&foo=bar1&foo=bar2‘。    processData:false, //默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串    contentType:false, //发送信息至服务器时内容的编码。    success:function(res){ //请求成功后的回调回调函数。由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串                           //dataType:预期服务器返回的数据类型。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。                           //随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:xml、html、script、json、text、jsonp。

  

----拓展:recorder.html前端调用HZrecorder.js方法,而urls.py里面是功能api的url,调用views里面定义的方法api。

原文地址:https://www.cnblogs.com/yuyongsheng1990/p/9405620.html

时间: 2024-10-18 02:47:09

jquery~ajax()学习的相关文章

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别 之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8

jQuery Ajax 学习(转)

Ajax全称:Asynchronous JavaScript and XML(异步的JavaScript和XML)特点:在不必刷新整个网页的情况下实现局部更新,带来更好的用户体验.因为XMLHttpRequest(XHR)对象的出现才有了异步的概念.通过XMLHttpRequest对象实现后台和服务器进行数据的交换而不必刷新整个页面. 概念介绍 运用HMTL和CSS来实现页面,表达信息. 运用XMLHttpRequest和Web服务器进行数据的异步交换. 运用JavaScript操作DOM元素,

Javascript,jQuery,ajax学习笔记。持续更新中。[荐]

欢迎大家关注我的博客,我的博客是在平常学习看书中和总结而撰写的,欢迎大家和我交流,不足之处还很多,希望大家和我交流. 一:javascript基础系列(已完结) 二:javascript基础系列之DOM(已完结) 三:jQuery系列文章(未完结) 四:AJAX(未完结) 五:JavaScript权威指南第6版中文版   一:javascript基础系列: Javascript基础系列之(一)JavaScript语法 Javascript基础系列之(二)变量 Javascript基础系列之(三)

jQuery ajax学习笔记

一$.ajax的一般用法 $.ajax({ url:url,                                必须有的,它规定把请求发送到哪个控制器里的方法 type:'POST',                        可选择的,默认是Get data:data,                          可选择的,发送到服务器的数据.将自动转换为请求字符串格式 success:function(),              可选择的,请求成功时服务器返回的数据

前端学习——JQuery Ajax使用经验

0.前言 在项目推进过程中经常使用Ajax,通过Jquery提供的函数可以非常方便的使用Ajax,但是在实际使用中也遇到一些问题,例如如何防止浏览器使用缓存,如何使用同步方式等.通过博文整理总结希望自身有所提高. 在这里通过一个加法例子说明问题.为了突出ajax,前端网页和后端PHP程序尽可能的简单. [前端]--add.html 图1 add页面 [后端]--add.php <?php // 返回JSON格式 header('Content-Type:application/json;char

jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)

Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar"> <header data-role="header"> <h1>Bar</h1> </header> <!-- /header --> <div role="main" class=

Jquery+Ajax+php学习笔记

昨天研究ajax,想作个登陆框,无刷新就把用户名密码提交给后台php程序,验证后发回. 几经琢磨 总算出来前台代码: <script src="./javascript/jquery-latest.pack.js" type="text/javascript"></script> //导入jQuery框架文件 要用jQuery必须做此步<script type="text/javascript">$(docum

jQuery学习之jQuery Ajax用法详解

[导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍.我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQue jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起,处理复杂的ajax请求时,jQuer

jQuery学习之jQuery Ajax用法详解(转)

[导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍.我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQue jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起,处理复杂的ajax请求时,jQuer