如何从jquery花式框提交表单提交到spring控制器类?

时间:2017-07-22 05:37:25

标签: jquery spring fancybox

我有一个jquery文件就绪函数,包含一个花哨的盒子,我提供了一个html来渲染,我需要从花式框提交该表格并将其带到spring的控制器类。

每当选中一个复选框时,会出现一个精美的框,代码

这是我的jquery花式盒子代码

$("input:checkbox")
  .click(
  function () {
    if ($(this).is(':checked')) {
      var htmlStr = '<div class="form"><form:form method="POST" action="mapping">' +
          '<label> Map the Selected field to Category ?   </label>'
      +
          '<select name="category" id="category">' +
          '<option>COMPANY NAME</option>' +
          '<option>LINE OF BUSINESS 1</option>' +
          '</select>'
      +
          '<input type="button" name="mapBtn" id="mapBtn" value="MAP" class="ui-button ui-widget ui-corner-all"' +
          '</form:form></div>';
      $.fancybox
        .open(
        htmlStr, {
          'width': 950,
          'height': 1100,
          'autoScale': false,
          'transitionIn': 'none',
          'transitionOut': 'none',
          'hideOnContentClick': false
        });
    }
  });

控制器代码在

之下
@PostMapping("mapping")
public String mapCategory()throws Exception{
  try {
    System.out.println("Welcome to mapping funcion");
  } catch (Exception e) {
    throw e;
  }

  return "viewUploadedExcel";
}

由于我是这两个领域的新手,我在这里探讨它。 感谢帮助。感谢

2 个答案:

答案 0 :(得分:1)

您可以向控制器发出Ajax POST请求。

$( "#formButton" ).click(function() {
        sendForm();
    });
function sendForm(){
    var data = $("#form").serializeArray();
    $.ajax({
       url: "http://localhost/mapping",
       data: data
    }).done(function(responseData) {
       console.log(responseData)
   });
}

答案 1 :(得分:0)

您好我自己找到了解决方案,

- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{ 
    NSLog(@"Entered: %@",[[alertView textFieldAtIndex:0] text]);
}

使用Ajax调用并获得成功结果。