【JQuery_Ajax_方法使用】Ajax的JQuery函数/方法

JQuery Ajax

get()

<script>
$.get(url,
data,
success,
dataType);
// dataType  ---text ,json,html,xml
script>
1
2
3
4
5
6
7

类似的例子

<script>
function(){

	// ajax 的使用
            $.ajax({
                // 路径
                url: "${pageContext.request.contextPath}/prod/delete.action",
                //
                data: {"pid": pid, "page": page, "pname": pname, "typeid": typeid, "lprice": lprice, "hprice": hprice},
                type: "post",
                dataType: "json",
                success: function (msg) {
                    //
                    alert(msg);   //弹删除是否成功
                    //重新读取  刷新表格
                    // 刷新页面http://localhost:8080/admin/product.jsp
                    // 表格 #table"
                    // $("#table").load("${pageContext.request.contextPath}/admin/product.jsp #table")
                    $("#table").load("http://localhost:8080/admin/product.jsp #table")
                }
            });


}


script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

get() Example

<body>
		<h3>jQuery AJAX get()方法示例h3>
        <hr>
		<p>暂无内容p>
		<button>点击此处从服务器获取数据button>
	
	
	<script>
	$(
		function(){
			$("#btn").click(
				function(){
					$.get(
						url,
						function(data){
								$("p").html(data);					
						}
					);
	
		}
	);
	}
	);
	script>

body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

post ()

<script>

$(
	function(){
		$.()


}
);

script>
1
2
3
4
5
6
7
8
9
10
11

ajax()

<script>

$(
	function(){
		$.ajax(
			url:,// 路径
			data:{username:username,pwd:pwd},//传递的前端参数
			type:post,// 请求方式
			dataType:json,//数据类型：text，html，json，xml  // 对象，数组 一般使用 json
			success:function(param){
				//
				$("p").html(param);
				// alert
				alert("success~");
			}		


		);
	
	}
);

script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

load()

向服务器端发送数据并请求，并会在以获取的数据在返回到指定元素中；

$(selector).load(url,data,callback);

相关阅读:
Node.js 模块系统
剑指 Offer II 070（力扣540）：排序数组中只出现一次的数字（Java二分查找）
requests 用法
vue项目中实现用户登录以及token验证
STC单片机20——DS1302可调电子时钟1602显示proteus仿真
Spark分布式计算原理
大规模 Spring Cloud 微服务无损上下线探索与实践
【Linux】改变缓存路径、清理缓存
mysql 学习笔记-窗口函数之开窗聚合函数
C++ PrimerPlus 复习第一章命令编译链接文件 make文件

原文地址：https://blog.csdn.net/weixin_52372189/article/details/128099798