autocompleteで送信パラメタをカスタマイズしてみた

jQueryAutoCompleteではデフォルトの送信パラメタはtermのみでちょっと使い勝手が悪かったりします。

そこでカスタマイズしてみます

source:function(request,response)をオーバーライド

<html>
<head>
	<title>Insert title here</title>
	<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
	<script type="text/javascript" src="./jquery-1.9.0.js"> </script>
	<script type="text/javascript" src="./jquery-ui.js"> </script>
	<script type="text/javascript" src="./test.js"></script>
	<link rel="stylesheet" type="text/css" href="./jquery-ui.css">
</head>
<body>
 
<div class="ui-widget">
	<input type="hidden" name="val1" id="val1" value="1234567890" />
	<input type="hidden" name="val2" id="val2" value="aaaaa" />
 	<input id="searchTags" />
</div>

</body>
</html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

</div>

</body>

</html>

test.js

$(function() {
		var url="./searchEngine.jsp";
		var val1=$("#val1").val();
		var val2=$("#val2").val();
		$( "#searchTags" ).autocomplete({
		source : function( request, response ) {
					 request["val1"]=val1;
					 request["val2"]=val2;

			 $.ajax({
				url: url,
				data: request,
				dataType: "jsonp",
				jsonpCallback:'callback',
				success: function( data ) {
					response( data );
				},
				error: function() {
					response( [] );
				}
			});
		},

		});
});

$(function() {

var url="./searchEngine.jsp";

var val1=$("#val1").val();

var val2=$("#val2").val();

$( "#searchTags" ).autocomplete({

source : function( request, response ) {

request["val1"]=val1;

request["val2"]=val2;

$.ajax({

url: url,

data: request,

dataType: "jsonp",

jsonpCallback:'callback',

success: function( data ) {

response( data );

error: function() {

response( [] );

}

});

searchEngine.jsp

<%@ page language="java" contentType="text/html; charset=Shift_JIS"
		pageEncoding="Shift_JIS"%>
Map map = request.getParameterMap();
Iterator it = map.keySet().iterator();
while (it.hasNext()) {
	String name = (String)it.next();
	String[] val = (String[])map.get(name);
	for (int i = 0;i<val.length;i++) {
		System.out.println(name + "=" + val[i] );
	}
}

<%@ page language="java" contentType="text/html; charset=Shift_JIS"

pageEncoding="Shift_JIS"%>

Map map = request.getParameterMap();

Iterator it = map.keySet().iterator();

while (it.hasNext()) {

String name = (String)it.next();

String[] val = (String[])map.get(name);

for (int i = 0;i<val.length;i++) {

System.out.println(name + "=" + val[i] );

}

jQuery