jquery $.ajax 方法使用实例

时间:2018-11-14
$.ajax 方法用于执行 AJAX（异步 HTTP）请求，本文章向大家介绍jquery $.ajax 方法使用实例，，需要的朋友可以参考一下

1. $.ajax 方法：用于执行 AJAX（异步 HTTP）请求。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>My Test JQuery</title>
    <script type="text/javascript" src="./js/jquery-1.10.2.min.js" ></script>
    <script type="text/javascript" >    
        $(function(){ 
            //语法格式：$.ajax({name:value, name:value, ... })
            //该参数规定 AJAX 请求的一个或多个名称/值对。
            $("#btn_ajax").click(function(){
                $.ajax({
                    url:"Test_ajax.aspx",
                    success:function(result){
                        $("#myDiv1").html(result);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button type="button" id="btn_ajax">ajax</button>
    <div id="myDiv1" style="width:210px;height:30px;padding: 10px;border:2px solid blue;">
    </div>   
</body>
</html>
随机文章
Javascript知识点必读
最近更新