将JQuery和AJAX用于包含数据

时间:2016-05-11 14:52:11

标签: javascript jquery ajax

我有这个简单的链接

<a href="${pageContext.request.contextPath}/update?id=${data.id}">Update</a>

${data.id}映射在我的控制器中,

map.addAttribute("data", data);

我不想使用链接,我想使用jquery和AJAX,因为它不会刷新我的整个页面只是页面的一部分。

相反,我会为我的javascript添加一个id。

<a id="get-id">Update</a>

问题是我不知道如何将data.id传递给javascript文件

现在在我的javascript文件中

$('#get-id').click(function(){

    $.ajax({
        type: "get",
        url: ROOT_URL + '/update?id=${data.id}',            
        dataType: "text"
    }).done(function(data) {
        $('#update-container').html(data);
    });
});

1 个答案:

答案 0 :(得分:2)

您可以使用import pygame as py from ctypes import windll import ImageGrab, Image SetWindowPos = windll.user32.SetWindowPos py.init() def get_image(): im = ImageGrab.grab((0,0,window_x,window_y)) mode = im.mode size = im.size data = im.tobytes() im = py.image.fromstring(data,size,mode) return im window_x = 1920 window_y = 100 background = py.Surface((window_x,window_y)) background.blit(get_image(),(0,0)) window_pos = (0,0) screen = py.display.set_mode((window_x,window_y),py.HWSURFACE|py.NOFRAME) SetWindowPos(py.display.get_wm_info()['window'],-1,0,0,0,0,0x0001) clock = py.time.Clock() done = False while not done: for event in py.event.get(): if event.type == py.QUIT: done = True screen.blit(background,(0,0)) py.display.flip() clock.tick(30) py.quit() 属性将元数据存储为元素,如下所示:

data

然后,您可以使用<a id="get-id" data-id="${data.id}">Update</a> 方法在点击处理程序中读取该属性:

data()
  

如果他们是使用该ID的多个按钮怎么样。哪个不行。所以我会用一堂课。我将如何实现?

模式将是相同的。您将遍历数据集以创建多个$('#get-id').click(function() { $.ajax({ type: "get", url: ROOT_URL + '/update', data: { id: $(this).data('id') }, dataType: "text" }).done(function(data) { $('#update-container').html(data); }); }); 元素,按类分组:

a

除了选择器之外,jQuery将完全相同:

<!-- in a loop -->
<a class="foo" data-id="${data.id}">Update</a>