0

フォームを送信せずに検索結果を表示する必要がある Web アプリケーションを開発しています。だから私は$.ajax()jQueryの機能を使用しました。それを見てください

$('#search').click(function() {
                        alert("submit handler has fired");
                        $.ajax({
                            url: 'cityResults.htm',
                            data: $('#cityDetails').serialize(),
                            type: 'json',
                            success: function(data){ 
                                alert(data);
                            },
                            error: function(jqXHR, textStatus, errorThrown){
                                alert('error: ' + textStatus + ': ' + errorThrown);
                            }
                        });
                        return false;//suppress natural form submission
                    });

これが私のHTMLマークアップです。Spring MVC 3 フレームワークを使用しています

<form:form id="cityDetails" method="post"
                    action="cityResults.htm">
                    <table class="tdbgact border">
                        <tr>
                            <th>State:&nbsp;<span class="required">*</span></th>
                            <td>
                            <form:select path = "state" id = "state">
                            <form:option value="">---Select</form:option>
                            <form:options items="${stateList}"/>
                            </form:select>
                           </td>                        
                           <th><form:checkbox path="status" value="Active"/>Active</th></td> 
                           <td colspan="5"><th><form:checkbox path="status" value="Inactive"/>Inactive</th></td>
                            <tr>   
                            <td colspan="2"><input type="button" id="search" class="buttonSubmit" value="City" /></td>
                            </tr>
                         </tr>   
                    </table>

これは私のコントローラーコードです

@RequestMapping(value = "/cityResults.htm", method = RequestMethod.POST)        
public @ResponseBody String schemeResults(ModelMap model ,@ModelAttribute("SpringWeb")CityMaster bean, 
           BindingResult result) {
    functionName = "cityResults";
      List<CityMaster> cities = new ArrayList() ;
     logger.info("In "+className+" - "+functionName+" ");
     if(result.hasErrors())
     {

     } 
     else{
     ApplicationContext context = 
          new ClassPathXmlApplicationContext("Beans.xml");
   MasterJDBCTemplate dao = 
   (MasterJDBCTemplate)context.getBean("masterJDBCTemplate");   
   String[] cityStatus = bean.getStatus();
   if(cityStatus == null)
   {

   }
   cities = dao.cityList(bean);
   model.addAttribute("cityList", cities ); 
     }
     return cities.get(0).getCity();
}

アラート ボックスに無効な引数というエラーが表示されます。これは、ajax 呼び出しが失敗したことを意味します。つまり、コントローラーのコードを変更する必要があります。どのような変更を行う必要がありますか? または、私が見逃しているものは他にありますか。

4

1 に答える 1

1

これらのリンクは、コントローラーをマッピングし、応答本文で json を返すのに役立つ場合があります。

http://www.javacodegeeks.com/2013/07/spring-mvc-requestbody-and-responsebody-demystified.html?ModPagespeed=noscript

SpringMVC で @ResponseBody を使用して JsonObject を返す

于 2013-11-11T06:44:26.480 に答える