Javascript 表单元素在XMLHttpRequest方法上不起作用
我正在尝试创建一个表单,当单击该表单时,它会生成一个XMLHttpRequest并在页面上写入信息 下面是HTML代码Javascript 表单元素在XMLHttpRequest方法上不起作用,javascript,jquery,html,ajax,xmlhttprequest,Javascript,Jquery,Html,Ajax,Xmlhttprequest,我正在尝试创建一个表单,当单击该表单时,它会生成一个XMLHttpRequest并在页面上写入信息 下面是HTML代码 <form> <input id="myStock" type="text"/> <input id="iSubmit" type="submit" value="Show Me Data"/> <input type="reset" value="Reset Me" /> </form> <div id="de
<form>
<input id="myStock" type="text"/>
<input id="iSubmit" type="submit" value="Show Me Data"/>
<input type="reset" value="Reset Me" />
</form>
<div id="demo"></div>
问题是,当我删除HTML页面上的
标记并删除JS代码上的getElementsByTagName(“表单”)[0]
时,它工作正常
但是,表单元素保持不变,它不会返回任何信息
请帮助。您的问题在于@CBroe指出的输入提交。您可以阻止使用
e.preventDefault()代码>
或者,您可以使用以下方法:
$('iSubmit1')。在('click',function()上{
var值=$(“#myStock”).val();
$(“#演示”).append(“”+value+””);
});
$('#reset1')。在('单击',函数()上){
$(“p”).remove();
});代码>
给我看数据!
重置我!
你可以看看我做的这个。我不知道这是否对你有帮助
$.POST( url+urltext, function( data ) {
$('#demo').html(data);
});
您忽略了阻止默认表单提交-因此浏览器加载一个“新页面”,而不是执行AJAX请求。声明的xhttp
在哪里?@CBroe-这可能是//此处的一些代码
:pSome预声明您需要显示以确定确切的问题myFunction的代码需要共享!很抱歉,但是没有明白你想用那个脚本做什么?您是否正在将数据发布到该URL?
$.POST( url+urltext, function( data ) {
$('#demo').html(data);
});