Jquery 发布新项目时通知页面

Jquery 发布新项目时通知页面,jquery,ajax,Jquery,Ajax,我正在使用AJAX开发一个web应用程序,我想知道当从另一个页面成功添加新项目时,是否可以通知包含项目列表的页面 $(function(){ var $name = $("#nameTxtB"); var $order = $("#orderTxtB"); var $price = $("#priceTxtB"); $("#addButton").on('click', function(){ var $try1 = $price.val(); var $parse = parseInt($t

我正在使用AJAX开发一个web应用程序,我想知道当从另一个页面成功添加新项目时,是否可以通知包含项目列表的页面

$(function(){
var $name = $("#nameTxtB");
var $order = $("#orderTxtB");
var $price = $("#priceTxtB");

$("#addButton").on('click', function(){
var $try1 = $price.val();
var $parse = parseInt($try1);

$.ajax({
type: 'POST',
url: 'http://localhost:51834/CoffeeService.svc/addorder/',
headers: {'X-Requested-With': 'XMLHttpRequest'},
data: JSON.stringify({
Name: $name.val(),
Order: $order.val(),
Price: $parse,
}),

  dataType: 'json',
  contentType: 'application/json',
  success: function(){
  alert("Order was sucessfully created!");
  setTimeout(function() {
  location.reload();
}, 500);
},
   error: function(){
   alert("Something went wrong!");
     }
    });
  });
});

这当然是可能的。。。有许多解决方案具有不同的优缺点

基本方法是轮询,即每x秒进行一次ajax调用,以检查新项目


对于更复杂的方法,请查看使用web套接字等发送更新的SignalR框架。这在性能方面会更好,因为在没有新项目的情况下,您不会进行不必要的调用,但实现起来有点复杂…

这当然是可能的。。。有许多解决方案具有不同的优缺点

基本方法是轮询,即每x秒进行一次ajax调用,以检查新项目

对于更复杂的方法,请查看使用web套接字等发送更新的SignalR框架。这在性能方面会好得多,因为当没有新项目时,您不会进行不必要的调用,但实现起来有点复杂…

尝试使用
“setinterval(function(){},interval)”
不断检查列表项目的长度,如果它得到更新,则会成功添加项目。 但使用setInterval持续监视列表项会有性能问题。最好使用HTML5WebWorker运行一个单独的线程,并在WebWorker中执行setinterval,这是另一种方法。 对于web worker

尝试使用
“setinterval(function(){},interval)”
来持续检查列表项的长度,如果列表项得到更新,则会成功添加项。 但使用setInterval持续监视列表项会有性能问题。最好使用HTML5WebWorker运行一个单独的线程,并在WebWorker中执行setinterval,这是另一种方法。
对于web worker

它可能会变得很重,但您必须编写一个超时函数,每隔
x
时间运行一次,以检查是否发布了内容,如果发布了,则使用ajax将其拖动,并显示它可能会很重,但是你必须编写一个超时函数,每隔
x
一段时间运行一次,以检查是否发布了内容,如果发布了,则使用ajax将其拉出来,并显示HTML 5 Web Worker在处理这些事情时似乎非常方便:d但我需要一些时间来理解如何使用ajax!感谢您的提示,非常感谢HTML5WebWorker在这些方面似乎非常方便:但是我需要一些时间来理解如何使用AJAX!谢谢你的提示,非常感谢