jqury ajax 直接获取数据库信息,使用jQuery Ajax从数据库加载信息

问题

我尝试使用以下

// Start method 1

var grbData = $.ajax({

type : "GET",

url : "http://grb.sonoma.edu:81/getgrbs.php",

data : "start=0&perPage=3"}).responseText;

$("#ajaxDiv").html(grbData);

// End method 1

// Start method 2

$.get("getgrbs.php", { start : 0, perPage : 3},

function(data) {

$("#tst").html(data);

}, "html");

// End method 2

在此页面上：http :

//grb.sonoma.edu :

81/paging.php从数据库加载数据。方法1仅在IE8中有效，但仅在刷新页面后才有效。首次加载页面时，我收到“完成此操作所需的数据尚不可用”。错误。

我更喜欢方法1的原因是因为它使我可以访问表中的各个行。例如，每一行都有一个“突发”类。我在用

$(".burst").click(function() {

$(".burst").css("background-color", "");

$(this).css("background-color", "yellow");

});

单击时更改所选行的颜色。这似乎仅适用于方法1，而不适用于方法2。

以上所有代码都封装在$(document).ready()中。我努力了

$("#ajaxDiv").load("getgrbs.php", { start : 0, perPage : 3});

但是我得到的结果类似于方法2。

我如何才能使click函数与方法2一起使用，或者使方法1在所有浏览器上都能正常工作而不进行刷新？感谢您提供的任何帮助。

我需要在ajax中进行此操作(尝试过没有jquery且没有运气的ajax)，因为页面上还有其他内容不会随着用户翻阅数据而改变。

解决方案的附录(更好的解决方案)

成功使用“成功”之后，我注意到单击行并进行bg颜色更改的功能消失了。因此，我做了以下工作，看来可行。不知道这是否是最好的方法。

var grbData = $.ajax({

type : "GET",

url : "http://grb.sonoma.edu:81/getgrbs.php",

data : "start=0&perPage=3",

dataType : 'html',

success: function (data) {

$("#ajaxDiv").replaceWith(data);

startInteraction();

}

});

function startInteraction() {

$(".burst").click(function() {

$(".burst").css("background-color", "");

$(this).css("background-color", "yellow");

});

}

jqury ajax 直接获取数据库信息,使用jQuery Ajax从数据库加载信息相关推荐

ajax 错误信息error,jquery ajax的error错误信息
项目开发中ajax的异常处理起来算是比较头疼的,因为是异步请求,所以即使ajax异常程序依然会继续执行,导致找ajax的异常比较麻烦. 今天处理ajax异常时搜到一篇文章,提到error可以返回aja ...
echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...
使用jQuery实现图片懒加载原理
在网页中,常常需要用到图片,而图片需要消耗较大的流量.正常情况下,浏览器会解析整个HTML代码,然后从上到下依次加载的图片标签.如果页面很长,隐藏在页面下方的图片其实已经被浏览器加载了.如果用户不向下 ...
Java对图片懒加载_[Java教程]JQuery实现图片懒加载_星空网
JQuery实现图片懒加载 2018-08-16 0 懒加载的原因: 对于图片过多的场景,为了提高页面的加载速度,降低服务器的负载,增强用户体验,我们对还没出现在视野的图片先不加载,当元素出现在我们视 ...
jquery跟js初始化加载的多种方法及区别介绍
jquery是等待页面加载完数据,以及页面部分元素:js是页面全部加载完成才执行初始化加载,具体示例祥看本文 jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分 ...
03 jquery easyui 之 easyLoader 加载器
EasyLoader 是可以加载CSS样式.脚本.动态加载easyui组件.需要使用到easyloader.js,就不使用jquery.easyui.min.js 加载 EasyUI 模块 1 2 3 ...
jquery实现页面等待加载“转圈圈”效果
jquery实现页面等待加载"转圈圈"效果 A little of BB:看了不少前端框架,寻思着自己diy封一个加载转圈圈的效果,以后在项目上节省时间("懒" ...
基于jquery的上拉加载更多
一个简易的基于jquery的上拉加载更多demo,上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度,整个demo还加上了回弹的动效. <!DOCTYPE html& ...
【动态ppt制作软件】Focusky教程 | 设置预加载信息
Focusky(以下简称"FS软件")多媒体演示制作大师允许用户自定义预加载信息,让幻灯片更具特色.在Focusky演示软件上定义预加载信息主要有两种方法: 方法一:点击菜单栏中的 ...
JQuery 在DIV中加载页面
JQuery 在DIV中加载页面在做页面设计的时候,有时需要在一个页面上引入另一个页面,用jquery比较简单 index.html <!DOCTYPE html PUBLIC "- ...

jqury ajax 直接获取数据库信息,使用jQuery Ajax从数据库加载信息

jqury ajax 直接获取数据库信息,使用jQuery Ajax从数据库加载信息相关推荐

最新文章

热门文章