您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
jquery ajax 局部无刷新更新数据的实现
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要对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.getElementByIdx_x_x("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>"); } }- 上一个程序编程： jquery和雅虎的yql服务实现天气预报服务示例
- 下一个程序编程： jquery+ajax+C#实现无刷新操作数据库数据的简单实例
