关于ajax入门案例

$.ajax方法

1.url:
要求为String类型的参数，（默认为当前页地址）发送请求的地址。

2.type:
要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

3.data:
要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式

4.success：要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。
(1)由服务器返回，并根据dataType参数进行处理后的数据。
(2)描述状态的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //调用本次ajax请求时传递的options参数
}

案例：

$.ajax({    type:"post",    url:"Servlet?name="+name,    success:function (dom) {        document.getElementById("myid1").innerText =dom;    }

原生ajax方法案例：

var xhr = null;var name = document.getElementById("name").value;var url = "Servlet?name=" + name;if (window.XMLHttpRequest) {    // 非IE内核    xhr = new XMLHttpRequest();} else if (window.ActiveXObject) {    // IE内核,这里早期IE的版本写法不同,具体可以查询下    xhr = new ActiveXObject("Microsoft.XMLHTTP");}xhr.open("get", url);xhr.onreadystatechange = function () {    if (xhr.readyState == 4) {        var str = xhr.responseText;//返回的值        document.getElementById("myid").innerText = str;    }}

转载于:https://www.cnblogs.com/wyd12138/p/6592104.html

关于ajax入门案例相关推荐

ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解
SSM用Jq整合Ajax 我就是一个程序小白,很多原理都不懂,下面的内容只能让新手知道怎么用. Ajax 废话少说,总之像点赞,评论,之类的很多功能没必要进行页面跳转,更没必要牺牲整个页面来刷新局部区 ...
ajax入门学习（二）小案例Demo1
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/55823800冷血之心的博客) ajax入门学习(一) ajax入门 ...
Easy-UI入门案例
Easy-UI是封装了前台逻辑以及显示的基于Jquery技术的前端框架. Easy-UI特点 EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({-}))和h ...
ajax入门学习（一）
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/54800237冷血之心的博客) ajax入门学习(一) ajax入门 ...
springwebmvc的入门案例
springwebmvc的入门案例 1.建立maven web 项目引入核心spring-web-mvc 坐标 <dependency> <!--spring web mvc 核心 ...
Day15(Js入门、jquery入门、ajax入门、前后端分离开发跨域问题、linux环境准备、jdk_tomcat环境搭建、docker介绍及应用(docker安装、基本命令、安装tomcat))
js入门 js代码辅助 window–>preferences–>javaScript–>Content Assist .abcdefghijklmnopqrstuvwxyz alt ...
2021年大数据Flink（八）：Flink入门案例
目录 Flink入门案例前置说明 API 编程模型准备工程 pom文件 log4j.properties Flink初体验需求编码步骤代码实现 Flink入门案例前置说明 API API ...
Python:Scrapy的安装和入门案例
Scrapy的安装介绍 Scrapy框架官方网址:http://doc.scrapy.org/en/latest Scrapy中文维护站点:http://scrapy-chs.readthedocs. ...
ASP.NET AJAX入门系列（1）：概述
经常关注我的Blog的朋友可能注意到了,在我Blog的左边系列文章中,已经移除了对Atlas学习手记系列文章的推荐,因为随着ASP.NET AJAX 1.0 Beta版的发布,它们已经不再适用,为了不 ...

关于ajax入门案例

关于ajax入门案例相关推荐

最新文章

热门文章