AJAX请求与响应

鹏导别投篮

已于 2022-07-14 19:35:51 修改

阅读量223

点赞数

文章标签： ajax javascript servlet

于 2022-07-14 18:58:42 首次发布

本文链接：https://blog.csdn.net/weixin_48909429/article/details/125790858

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("input[type=button]").click(function(){
					var uname=$("#uname").val();
					//完整写法
					/*$.ajax({
						url:"",  //服务器网址
						type:"post",//提交数据的方式
						data:"name="+uname+"&pwd="+pwd,//像服务器传递的数据
						dataType:"text",//服务器返回的数据类型
						success:function(result){},//服务器成功后，需要处理动作
						error:function(){}    //服务器失败后，需要处理动作
					});*/
					
					/* $.ajax({
						url:"test.txt",
						dataType:"text",
						success:function(result){
							  var $node=$("<p>"+result+ "</p>");
							  $("#uname").after($node);
							  
						}
					}); */
					//$.get("test.txt",function(res){alert(res)});
					//$.post("test.txt","name="+uname,function(res){alert(res)},"text");
			/* 	$.ajax({
					url:"test.json",
					dataType:"json",
					success:function(result){
						//$("p").html(result.name+":"+result.url);
						$.each(result,function(index,obj){
							var zhi=$("p").html();
							zhi=zhi+"<br/>"+obj.name+":"+obj.url;
							$("p").html(zhi);
						});
					}
				}); */
				$.getJSON("test.json",function(result){
					$.each(result,function(index,obj){
						var zhi=$("p").html();
						zhi=zhi+"<br/>"+obj.name+":"+obj.url;
						$("p").html(zhi);
					});
				});
				
				});
			});
		</script>
	</head>
	<body>
		<input type="text" id="uname"><br>
		<input type="button" value="提交">
		<p></p>
	</body>
</html>