从ajax调用一个文件，在一个名为display（）的javascript函数中;

在下面的代码是一个窗体标记内一个HTML按钮。从ajax调用一个文件，在一个名为display（）的javascript函数中;

<form name="App" action="Mcd_S_Server.php" method="POST" onSubmit=""> 
<button id="btn-Check" onclick="display1();" >Check</button></form>

下面的代码是Javascript函数display1（）;在这个函数里面我通过ajax调用其他文件。

<script type="text/javascript"> 
function display1() 
{ 
    $.ajax({ 
    type : "POST", 
    url  : 'Mcd_Get_Data.php', 
    cache : false, 
    dataType: 'json', 
    }); 
} 
</script>

问题陈述：当我在那个按钮单击它会打的功能，但他并没有叫即Mcd_Get_Data.php相反，它是要形成动作URL Mcd_S_Server.php在阿贾克斯提到的URL。为什么会这样？请帮我解决。

来源

2017-01-05 Aravind Bhat K

包括在你的按钮元素的type属性。因为默认情况下它是submit型的，所以，你需要重写类型的它button

<button type="button">Button</button>

来源

2017-01-05 12:06:37 ricky

你好，感谢您的快速回复，但我已经添加任何改变。 –

而且还打电话给你的Ajax – ricky

成功的功能，但在指定的URL，我已经写了。 “你好”退出。它不会进入该页面。 –

更改与您的按钮，

<form name="App" action="Mcd_S_Server.php" method="POST" > 
    <input type="button" id="btn-Check" onclick="display1();" value="Check"/> 
</form>

看到相关的ANS here

来源

2017-01-05 12:10:03

嗨Ataur，感谢您的快速回复，但我已经添加任何改变。 –

function display1(event){ 
    event.preventDefault() 
    ... 
}

在点击表单正在提交的按钮，您需要阻止该操作。将event.preventDefault（）添加到display1方法，如上所示。

来源

2017-01-05 12:17:25

从ajax调用一个文件，在一个名为display（）的javascript函数中;

回答

相关问题