$.ajax入门应用一

最新推荐文章于 2021-11-13 17:50:53 发布

greatverve

最新推荐文章于 2021-11-13 17:50:53 发布

阅读量486

点赞数

分类专栏： JS.JQuery 文章标签： callback function ajax html url

本文链接：https://blog.csdn.net/greatverve/article/details/3326092

版权

JS.JQuery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

前台

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript">
        //这个方法把ajax方法封装一下，方便调用。
        function myajax(){   
            $.ajax({
                type:'get',
                url:'ajax.aspx',
                data:'',
                dataType:'html',
                success:callback
            });
        }
        //回调函数
        function callback(data){
            $('#response').append(data);
        }
        //onload()事件
        $(function(){
            $('#confirm').click(myajax);
        })
    </script>
</head>
<body>
    <div id="confirm">点击</div>
    <div id="response">接收后台数据</div>
</body>
</html>
 

后台

 
 using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class ajax : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("hello");
        Response.End();
    }
}
 

greatverve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
$.ajax入门应用一

前台html xmlns="http://www.w3.org/1999/xhtml" >head> title>无标题页title> script type="text/javascript" src="jquery/jquery.js">script> script type="text/javascript"> //这个方法
复制链接

扫一扫

专栏目录