30.jquery的ajax方法

Posted 重庆刘亦菲

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了30.jquery的ajax方法相关的知识,希望对你有一定的参考价值。

JQuery中的ajax()方法
  * 注意:使用的时候$.ajax();方式来调用
  * 该方法的参数

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${ pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(function(){
		$("input[type=‘button‘]").click(function(){
			//使用post方法
			var url="${pageContext.request.contextPath}/ajax1";
			var jsonData={"pname":"赵六"};
			
			$.ajax({
				"url":url,
				"data":jsonData,
				"dataType":"json",
				"success":function(data){
					alert(data.name); 
				}
			});
		});
	});
</script>
</head>
<body>

<h3>jQuery中的ajax的入门(使用$.ajax方法)</h3>

<input type="button" value="点击" />

<h4 id="h4Id"></h4>
</body>
</html>

  



以上是关于30.jquery的ajax方法的主要内容,如果未能解决你的问题,请参考以下文章

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

执行AJAX返回HTML片段中的JavaScript脚本

链接中的 URL 片段和 JSF 中的 ajax 重定向

jQuery高级Ajax

Javascript代码片段在drupal中不起作用

前端面试题之手写promise