• 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>");
            }
        }

  • 相关阅读:
    2016总结
    centos7安装后的防火墙问题
    推荐一个静态页面生成工具-mkdocs
    shell中单引号、双引号、反引号的区别
    git 出现502错误后用depth一步一步来
    ./test.sh . ./test.sh source ./test.sh的区别
    终端内容输出的同时保存到文件 tee
    nginx出现的403错误
    ubuntu下wine操作usb串口
    tmux的使用
  • 原文地址:https://www.cnblogs.com/yhdkzy/p/1995088.html
Copyright © 2020-2023  润新知