使用HTML表单发送跨域HTTP Post

我有这个HTML表单，我需要在提交之前进行一些处理：

 
    Message  
 Clear Send 
 
  

基本上，我需要做的是：

• 单击提交按钮时，将出现一个弹出窗口，指示消息已提交（通过检查服务器响应），

• 我需要复制特定表单输入的值，比如输入元素的值。 然后将电子邮件添加到实际消息之前，这样“消息”forms将例如"Email: [e-mail] Message: Hello world" < – 这将是输入元素的值name =“message”就在将表单字段发送到api之前

更新：

在我的问题中，我的意思是我想将这个基于HTML的基于HTML的表单迁移到Ajax调用中，如果这样会更好，那么我可以轻松实现上面概述的目标。

Answer 1

您想使用表单的onsubmit 。

我改变了你的html（尤其是内联javascript）（为了清晰起见）：

 
 
  
  
 Message 
 Clear Send 
 
  

正如您所看到的那样，输入元素上的自动填充/自动清除现在可以重复，因此您可以将其分解为单独的通用函数。

这是在表单实际提交之前运行的javascript函数：

 function doStuff(){ var eml=document.getElementsByName('email')[0].value; msg=document.getElementsByName('message')[0]; msg.value = 'Email: ' + eml + ' Message: ' + msg.value; alert ('message has been submitted'); return true; } 

在这里工作JSFiddle

如果其他域使用会话cookie和/或检查文档引用，则执行此跨域可能会变得棘手。

更新：我看到你更新了你的问题，现在想检查并在你的消息中显示服务器响应？