jquery中各个ajax实例操作
时间:2022-05-06
本文章向大家介绍jquery中各个ajax实例操作,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jquery_ajax.html</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//jquery.ajax()
$("#button1").click(function(){
htmlOjbect = $.ajax({url:"/www.7789.com/testfile/test.php?c=3&t=5", async:false});//不要忘记{}
$("#getText1").html(htmlOjbect.responseText);
});
//ajaxSend()
$("#sendDiv").ajaxSend(function(e, xhr, opt){
$(this).html("正在请求……"+opt.url);//此处的url就是下面的load地址
});
$("#button2").click(function(){
$("#getText2").load("/www.7789.com/testfile/test.php?c=2&t=5");
});
//get()
$(".button3").click(function(){
$.get("/www.7789.com/testfile/test.php?c=5&t=5",function(result){
$(".getText3").html(result);
});
});
//get() method2
$(".button4").click(function(){
$.get("/www.7789.com/testfile/test.php",{c:'2', t:'0'},function(result){
$(".getText4").html(result);
});
});
//serializeArray()
$("#formButton").click(function(){
x = $("form").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.name + ":" + field.value + "t");//里面的name和value分别对应input标签
});
});
});
</script>
</head>
<body>
<div>
<button id="button1">ajax异步获取内容</button>
<div id="getText1"></div>
</div>
<div id="sendDiv">
<button id="button2">ajaxSend异步获取内容</button>
<div id="getText2"></div>
</div>
<div>
<button class="button3">get异步获取内容1</button>
<div class="getText3"></div>
</div>
<div>
<button class="button4">get异步获取内容2</button>
<div class="getText4"></div>
</div>
<div>
<form action="">
FirstName:<input type="text" name="firstName" value="Bill"/><br/>
LastName:<input type="text" name="lastName" value="Gates"/><br/>
</form>
<button type="button" id="formButton">序列号表单</button>
<div id="results" value="contents show..."></div>
</div>
<div>
<span id="evalText1"></span>
<span id="evalText2"></span>
</div>
<script type="text/javascript">
//function eval test
eval("x=10;y=20;document.write('x*y='+x*y);");
document.write("<br/>2+12="+eval("2+12"));
var x=10;
document.write("<br/>x+17="+eval(x+17));
//要注意txt里面的格式,很复杂的,最后还要少个‘才能正常运行
var txt = '{"employees": ['
+'{"firstName":"Bill","lastName":"Gates"},'
+'{"firstName":"George","lastName":"Bush"},'
+'{"firstName":"Thomas","lastName":"Yang"}]}';
var obj = eval("("+txt+")");
document.getElementById("evalText1").innerHTML = obj.employees[1].firstName;
document.getElementById("evalText2").innerHTML = obj.employees[1].lastName;
</script>
</body>
</html>
- 【Python环境】基于 Python 和 Scikit-Learn 的机器学习介绍
- 【Python环境】Python分类现实世界的数据
- Android基础总结(7)——异步消息处理
- No.008 String to Integer (atoi)
- No.007 Reverse Integer
- No.006 ZigZag Conversion
- No.005 Longest Palindromic Substring
- Android基础总结(6)——内容提供器
- No.004 Median of Two Sorted Arrays
- No.001 Two Sum
- No.002 Add Two Numbers
- 【Python环境】探索 Python、机器学习和 NLTK 库
- 【机器学习】机器学习之组合算法总结
- IE 11浏览器0day漏洞(CVE-2015-2425)UAF分析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python 字符串池化的前提
- PHP抽象类基本用法示例
- keras分类模型中的输入数据与标签的维度实例
- keras的三种模型实现与区别说明
- PHP智能识别收货地址信息实例
- Keras 在fit_generator训练方式中加入图像random_crop操作
- PHP面向对象程序设计继承用法简单示例
- php根据命令行参数生成配置文件详解
- PHP使用SOAP调用API操作示例
- 使用Zookeeper分布式部署PHP应用程序
- pytorch判断是否cuda 判断变量类型方式
- Keras搭建自编码器操作
- python程序如何进行保存
- Android Q之气泡弹窗的实现示例
- Python with语句用法原理详解