Java 带有图像按钮的AJAX

我尝试了不同的输入类型组合，但如何才能在不弄乱图像的情况下输入消息？其目的是在不刷新页面的情况下更新表。更具体地说，当我单击图像时，它应该会更新页面一侧的表。在很多教程中，我看到人们只使用onclick调用ajax函数。有没有一个很好的例子来说明我可以为图像按钮而不是普通按钮做什么

例如：

<form name="bakery" action="TestMartController" method="post" >
    <input type="hidden" name="action" value="dairy">
    <input type="image" src="<%=request.getContextPath()%>/css/categories/dairy.jpg" onclick="loadXMLDoc">

---

首先，您需要一个ajax调用，它可以向服务发送post，获取数据并更新表

我建议您学习如何使用jquery和ajax调用

1-在html中定义调用方法。不要使用表单

<img src="yourImage.jpg" onclick="getSomeData()">

3-创建gui函数以更改表

function updateTable(){
//update your htmls
}

---

当submittedI更改我的答案时，页面仍会刷新。您必须学习ajax调用、创建服务、更改html。如果我不使用表单，如何将操作传递给servlet。java？$。post将发送您的操作。对于希望进行ajax调用的新JS程序员，我建议使用JS库（如JQuery）加快学习速度。这些库已经解决了许多难题、问题和解决方法，您不必担心其中一个会干扰您的进度。

<img src="yourImage.jpg" onclick="getSomeData()">

function getSomeData(){
var url = "http://url";
    $.post(url,{data:data})
    .done(function(data){
       //this data is your call result.
       //do something
       updateTable(data);
    })
    .fail(function(){
        console.log('fail');
    });

} 

function updateTable(){
//update your htmls
}