如何在帕格模板中发送Ajax请求？

我想在帕格模板文件中发送Ajax请求。如何在帕格模板中发送Ajax请求？

form#payment-form() 
    section 
    label(for="amount") 
     input#amount(name="amount" type="tel" min="1" placeholder="Amount"       value="10") 
script(src="scripts/jquery.js") 
script. 
    (function() { 
    var amount = $('#amount').val(); 
    $.ajax({ 
     type: "POST", 
     url: "/posturl", 
     data: {'amount':amount}, 
     success: function(){}, 
     dataType: 'json' 
    }); 
    })()

但它不起作用，该怎么办呢？我想知道如何在哈巴狗文件内嵌的JavaScript发送Ajax请求

来源

2017-03-08 Fullstack Dev

对我来说似乎有两个问题

你已经把不必要的标签在你的函数(function(){
您需要使用document.ready确保HTML内容准备好下。一旦你的回应

检查以下

doctype html 
html 
    head 
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js') 
    script. 
     $(document).ready(function(){ 
     $.ajax({url: "demo_test.txt", success: function(result){ 
     $("#div1").html(result); 
     }}); 
     }); 
    body 
    #div1 
     h2 Let jQuery AJAX Change This Text

工作的例子，则可以避免这一点，如果你真的不关心DOM

来源

2017-03-09 11:37:12 S4beR

这里有一个与你的哈巴狗模板没有问题（也许只是你可以#payment-form()后删除()，因为它是空的，它不是一个mixin）。但是用你的JS，你马上发送AJAX请求，你应该将它绑定到一个事件上（点击一个按钮，按下输入等）。然后你必须确定你把你的lib jquery.js放在一个你可以从你的浏览器中用scripts/jquery.js访问的目录中。如果在此更改后它仍然无法正常工作，请更准确地报告您的错误（打开控制台以获取消息，让我们获得您期望的行为和获得的行为）。

来源

2017-03-09 11:24:56 KyleK

如何在帕格模板中发送Ajax请求？

回答

相关问题