当前目录: 学习jquery基础
锋利的jQuery基于ajax+PHP完成的聊天室案例

2014年11月11日  前端资源,学习jquery基础   

锋利的jQuery基于ajax完成的聊天室案例。在网上搜索并没有很齐全的案例,有但是教程不具体加上自己也在学习ajax也顺便做一个简单的聊天室来帮助理解ajax。完成的大概思路如下: 1,用户提交数据时,数据不会马上被服务器接受,而是需要data来获取用户提交的数据之后传给服务器,服务器才去获取data传来的数据。 2,服务器获取到的数据要存入到数据库中,之后服务器还要将刚刚获取到的数据重新追加并更新输出最新的数据显示在页面上。 3,服务器最新输出的数据将会被ajax获取并输出到客户端页面,从而达到局部刷新,更新数据的效果。 jquery: <script> $(function(){ updata(); //加载页面默认运行 $('button').click(function(){ //点击按钮触发 if( $(':input').val()=='' ) {alert('数据不能为...

按钮的ajax请求时,一次点击两次提交的问题

2014年11月11日  前端资源,学习jquery基础   

页面中的按钮的type是submit的: <input type="submit" value="Create" id="submit" /> ajax的请求,在JQuery中是: $(function () {        $('#submit').click(function () {            var createGenreForm = $('#createGenreForm');            if (createGenreForm.valid()) {                var obj = {                    Name: $('#Name').val(),                    Description: $('#Description').val()                };                var jsonSerialized = JSON.stringify(obj);                $.ajax({                    type: "POST",                    url: createGenreForm.attr('action'),                    dataType: "json",                    contentType: "application/js...

jquery ajax跨域

2014年11月5日  前端资源,学习jquery基础   

跨域案例下载:https://www.xgllseo.com/?p=4815 JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 方法一: jsonp之 getJSON js var url = "http://localhost/mytest/jsonp_php.php?callback=?"; $.getJSON(url, { "age": 21, "name": "kitty" }, function (data) { alert("name:" + data.name + ", age:" + data.age); }); php <?php $age=$_GET["age"]; $name=$_GET["name"]; $jsondata = "{age:$age, name:'$name'}"; echo $_GET['callback'].'('.$jsondata.')'; ?> 关于jquery $.getJSON()跨域请求一些细节:https://www.xgllseo.com/?p=3247 二jsonp之$.ajax js $.ajax({ type: 'GET', url: 'http://localh...

JQuery中$.ajax()方法参数详解

2014年10月31日  前端资源,学习jquery基础   

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。 timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设 置。 async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。 如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等 待请求完成才可以执行。 cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。 设置为false将不会从浏览器缓存中加载请求信息。 data: 要求为Object或String类型的参数,发送到服务器的...

jquery 图片列表滚动

2014年4月24日  前端资源,学习jquery基础   

  jquery图片无缝滚动代码左右上下无缝滚动图片 演示