Jquery简单地实现ajax
来源:互联网 发布:淘宝链接转成淘口令 编辑:程序博客网 时间:2024/05/17 07:39
最近用到了ajax,看了jquery的文档,实现了,记录一下。
需求
我实现当点击按钮的时候,让本页面的其他的部分刷新内容。向服务器发送GET请求,算是ajax里面最简单的情况。
方法
<script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("#div").load(url); });});</script>
这是Jquery最简单的办法,给button写一个点击事件,当点击的时候,在另外的区域加载从服务器请求来的页面内容。
但是,我遇到了一个问题,就是我从服务器请求来的html加载时不能正确的解析 ,以我小白的水平,实在是解决不了。
于是乎,我换了另外一种稍微复杂一点的方法:
<script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $.get(url, function(data){ $("#div").html(data); }); })});</script>
这样的方法完美的实现了,当然第一种方法要是不出问题的话,还是最好的。这个方法也比较简单,很好理解,先使用$.get
方法从服务器获得要加载的页面,然后使用$(select).html(html);
方法加载页面。因为$(select).html(html);
方法不能远程加载数据,也就是说不能访问服务器,所以就分了两步来实现。
还不算难,哪位大神帮我回答一下load方法加载html为什么不能正确解析,
邮箱: 503147973@qq.com
阅读全文
1 0
- Jquery简单地实现ajax
- 利用JQuery实现简单AJAX
- 传智播客 AJAX简单应用之JQuery实现
- ajax+jQuery+Javascript实现简单二级联动
- javaWeb与Jquery ajax长轮询简单实现
- jquery 实现简单的Ajax例子
- ajax+jquery实现简单的数据交互
- AJAX-jQuery实现Ajax
- AJAX 的简单实例 (JS实现 和JQuery 实现)
- 简单仿jQuery Ajax
- jquery-ajax简单示例
- jquery ajax 简单范例
- JQUERY AJAX简单模板
- 【Jquery】Ajax简单调用
- jQuery AJAX简单应用
- 学习新事物:使用jquery+xml实现ajax简单实例
- jQuery + ASP.NET MVC Ajax的简单实现
- jsp 中用jquery 实现ajax 一个简单例子
- MongoDB 概念解析
- bootstrap 分页 居中
- Elasticsearch学习:分片的理解
- python 无法加载downsample模型问题
- Android使用反射机制设置ListView的默认焦点
- Jquery简单地实现ajax
- 服务端与客户端交互(三)
- LeetCode 1.Two Sum (Python)
- 关于centos6.5安装kong网关的步骤
- O2O与B2B、B2C、C2C之间的区别
- Vue.js学习笔记:属性绑定 v-bind
- IOS
- C/C++引用外部函数的两种方式
- 特殊密码锁,openjudge全局题号8496,已AC