ajax产生背景,使用ajax时设置交替背景

我在页面上使用了大量的ajax调用,问题是我不知道哪一个会在任何时候加载,因为某些加载速度比别人快,而且我附加了ajax结果加载到一个div。使用ajax时设置交替背景

这里是我的代码:

$(document).ready(function() {

$('#stage0').load('myscript.php?data=1234567890',function({$('#data').append(this);});

$('#stage1').load('myscript.php?data=1234567891',function(){$('#data').append(this);});

$('#stage2').load('myscript.php?data=1234567892',function(){$('#data').append(this);});

$('#stage3').load('myscript.php?data=1234567893',function(){$('#data').append(this);});

$('#stage4').load('myscript.php?data=1234567894',function(){$('#data').append(this);});

}

我想第一个结果有一个白色的背景,然后一个灰色的背景,然后在白色背景等等

我想,也许我可以写一个ajax调用来查看刚刚加载的那个之上的ajax结果,如果它有一个白色背景,然后将其设置为灰色。也许使用最接近的电话来查找它? http://api.jquery.com/closest/

我在正确的轨道上吗?你觉得我应该怎么写JavaScript?

+0

'myscript'返回什么,这与设置背景有什么关系? –

+0

它返回一些HTML显示给用户,我可以在myscript中设置背景,但我只能够使用一种颜色的背景...不替代它? –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 jQuery 的ajax方法与后台进行交互,后台通常是使用 Servlet 进行处理的。在 Servlet 中,可以通过 HttpServletRequest 对象获取到前端传递过来的参数,然后进行相应的逻辑处理,并将处理结果通过 HttpServletResponse 对象返回给前端。 下面是一个示例代码,实现了一个简单的 Servlet,接收前端传递的参数,并将处理结果返回给前端: ```java import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class MyServlet extends HttpServlet { private static final long serialVersionUID = 1L; @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 设置响应内容类型 response.setContentType("text/html;charset=UTF-8"); // 获取前端传递的参数 String param1 = request.getParameter("param1"); String param2 = request.getParameter("param2"); // 处理逻辑,这里简单地将两个参数相加 int result = Integer.parseInt(param1) + Integer.parseInt(param2); // 将处理结果返回给前端 PrintWriter out = response.getWriter(); out.println(result); } } ``` 在前端使用 jQuery 的ajax方法与后台进行交互,可以按照如下方式设置: ```javascript $.ajax({ type: "POST", url: "MyServlet", data: { param1: "1", param2: "2" }, success: function(result) { console.log("处理结果为:" + result); } }); ``` 其中,type指定请求方式为POST,url指定后台Servlet的地址,data指定要传递的参数,success表示请求成功后的回调函数,result表示后台返回的处理结果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值