Question

如何从html中获取输入，然后将其发送到jQuery之后将其发送到html

这是我的代码，但它不起作用：（

我的代码正在接受用户的输入并将其发送到jQuery，然后将音频返回到我的index.html

	
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script>
$("#idbut").click(function() 
{
            
  // Request 
  jQuery.getJSON
  (
    "http://vaas.acapela-group.com/Services/UrlMaker?jsoncallback=?",
    {
      prot_vers: 2, cl_login: "", cl_app: "", cl_pwd: "", 
      req_voice:"leila8k", 
      req_text:$("#demo_voices_textarea").val()
    },
    function(data) 
    {
      //api response management 
      $("#demo1player").html("<audio src='"+data.snd_url+"' controls='controls' />");	
    }						
  );
});
</script> 
</head>
<body>

	 <div id="demo1player" ></div>

	<form>
	<textarea id="demo_voices_textarea"  rows="4" cols="20"></textarea>
    <input type="submit" id="idbut" value="submit" >
	</form>

</body>
	</html>

.....谢谢

Answer 1

您的表单在执行您的javascript代码之前已发布。

尝试更改此行：

<input type="submit" id="idbut" value="submit" >

成为：

<input type="button" id="idbut" value="submit" >

通过将输入类型从提交更改为按钮，您将阻止表单提交，从而从您的jQuery代码中获取响应。

从用户输入的表单数据中使用jQuery响应

1 个答案: