zoukankan      html  css  js  c++  java
  • jquery ajax 局部无刷新更新数据

    要更新的页面

    <!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 src="js/jquery.js" type="text/javascript"></script>

    </head>
    <body>
        <select id="lucky1" onchange="return duoduo();">
            <option value="1">第一期</option>
            <option value="2">第二期</option>
        </select>
        <div id="duoduo">
            你好</div>
           <input type="text" id="duo"  />
    </body>

    <script type="text/javascript">

        function duoduo() {
            $.ajax({
                type: 'post', //可选get
                url: 'ajax.aspx', //这里是接收数据的程序
                data: 'data=' + $("#lucky1").val(), //传给PHP的数据,多个参数用&连接
                dataType: 'html', //服务器返回的数据类型 可选XML ,Json jsonp script html text等
                success: function(msg) {
                    //这里是ajax提交成功后,程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!
                    document.getElementById("duoduo").innerHTML = msg;
                    //$("#duoduo").innerHTML = msg;
                },
                error: function() {
                    alert('对不起失败了');
                }
            })
        }
        
    </script>

    </html>

    操作页面

      protected void Page_Load(object sender, EventArgs e)
        {
            if (Request.Params["data"].ToString().Equals("1"))
            {
                Response.Write("<a href=\"http://www.baidu.com\">第一期</a>");
            }
            else if (Request.Params["data"].ToString().Equals("2"))
            {
                Response.Write("<a href=\"http://www.baidu.com\">第2期</a>");
            }
        }

  • 相关阅读:
    async await 了解
    vi 命令
    mysql 相关操作
    mac下配置python的虚拟环境virtualenv和虚拟环境管理包virtualenvwrapper
    ip 域名 和端口号
    脱离 flask 上下文,使用 jinja2 来动态渲染模板
    使用 vue-cli 3.0 创建项目
    p 标签和 span 标签
    el-table 更改表格行高和列髋
    使用 axios 传参问题
  • 原文地址:https://www.cnblogs.com/yhdkzy/p/1995088.html
Copyright © 2011-2022 走看看