提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

使用jQuery中ajax实例

jQuery实例AJAX 使用
2023-09-11 14:21:46 时间 

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK">
        </head>
        <body>
	        <button onclick="do_ajax()">获取数据</button>
	        <p id="txt"></p>
        </body>
<script  src="jquery-1.5.1.js"></script>
<script>
	function do_ajax(){
		//请求地址
		var url="http://localhost:8080/yszdServer/entry?method=test_jajax";
		 //请求参数
        var data = "{a:'haha'}";
        //
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : url,
            //数据，json字符串
            data : data,
            //请求成功
            success : function(result) {
                document.getElementById("txt").innerText=result;
            },
            //请求失败
            error : function(e){
                document.getElementById("txt").innerText=e.responseText;
            }
        });
	}
	
	
</script>
</html>

将后台返回的完整Json格式数据输出到页面：（后台组装的数据是这样的 ：{"res":"这是后台返回的数据：haha"}）

欢迎点赞！

相关文章