javaweb我想在当前页面直接修改表中数据而不需要单独调到新的页面修改

Posted 2023-05-05

额，这个用ajax可以实现啊，将ajax请求返回的数据（如JSON格式）用js回写到页面中，就可以做到局部刷新的效果了，具体可以参考JQuery的.ajax()或.get()或.post()方法，有疑问可以再问我啊，尽力而为。。追问

可以给我个例子看不？ajax和JSON都没接触过，谢谢啦！

追答$.ajax(
    method: "", //get或者是post
    data: a="a"&b="b", //get方法参数, 如果是表单的话，则是post方法，参数为$("#formID").serizable();
    url:"",//请求的url地址
    success: function(data) //ajax成功的回调,data为服务器返回的数据，类型一般为JSON格式的字符串，类似“a”:“a”,“b”:“c”
       var dataArr = jQuery.parseJSON(data);//将json格式的字符串转换为json对象，建议alert出来观察一下
        //相应的JS操作，改变页面数据
    
);
以上是前台需要做的操作，在服务器端则是根据你使用的服务器端语言做处理

参考技术A 然后呢？ 还是你只想知道是否可行？
可行。追问

怎么做？

追答

没做过，只知道可以而已。
看看ajax呗

执行链接而不刷新页面[重复]

【中文标题】执行链接而不刷新页面[重复]

【英文标题】：Execute Link without page refresh [duplicate]

【发布时间】：2012-11-15 15:01:16

【问题描述】：

可能重复：using jquery $.ajax to call a PHP function

我有几个链接（全部不同），我想在不链接任何地方的情况下执行它们。与其他问题不同，我不想使用表单发送任何数据，也不想每次单击链接时都喜欢同一个页面，我只想运行与链接关联的 php 脚本，但留在页面上用户当前处于开启状态。阿贾克斯？ jQuery？

【问题讨论】：

许多示例/教程可用：google.com/search?q=ajax+examples

【参考方案1】：

<a class="ajaxLink" href="myScript.php">Ajaxed link</a>

http://api.jquery.com/jQuery.ajax

$('.ajaxLink').click(function(e)
  e.preventDefault(); // Prevents default link action
  $.ajax(
     url: $(this).attr('href'),
     success: function(data)
       // Do something
     
  );
);

jQuery ajax 的默认方法是 GET，但您可以更改它。阅读上述链接中的可用选项。

【讨论】：

谢谢，但是一页会有多个链接，所以使用类不会导致链接之间的“混乱”吗？

它将您的 ajax 链接与您的正常链接分开...其结果是清晰，而不是混乱...