如何在由http请求生成的输出中搜索
问题描述:
我正在使用THIS api搜索范围内的邮编。 例如,当我输入邮编(1234)时,它会生成一个自动输出。 它使用jQuery自动完成。如何在由http请求生成的输出中搜索
现在是我的问题。 如何将会话中的输出保存并在该会话中搜索以匹配我公司数据库中的任何邮编?
我的代码看起来是这样的:
我的表格:
<form action="#" method="post" class="pro6pp_range">
<input type="text" class="postcode" placeholder="Postcode (1234)" maxlength="4">
<select class="range">
<option value="5" selected="selected">5 km</option>
<option value="10">10 km</option>
<option value="15">15 km</option>
<option value="20">20 km</option>
<option value="25">25 km</option>
</select>
<br/><br/>
<span class="message"></span>
<div class="output"></div>
<br/>
</form>
我的javascript:
<script type="text/javascript">
var pro6pp_auth_key = "MY_AUTH_KEY";
$(document).ready(function() {
$(".pro6pp_range").applyRange({ 'assemble_func': assemble_one });
function assemble_one(result) {
distance_km = Math.round(result.distance/1000);
return "Afstand tot " + result.nl_fourpp + " is " +
distance_km + " km vanaf uw locatie.<br />";
}
});
</script>
Range.js:
// Create closure to keep namespace clean and hide implementation.
(function($) {
$.fn.applyRange = function(options) {
var instance = this;
function getConfig(field, default_value) {
if (typeof options === 'undefined' ||
typeof options[field] === 'undefined') {
return default_value;
} else {
// Developer chose to specify form field manually.
return options[field];
}
}
instance.postcode = getConfig('postcode', instance.find('.postcode'));
instance.range = getConfig('range', instance.find('.range'));
instance.message = getConfig('message', instance.find('.message'));
instance.spinner = getConfig('spinner', instance.find('.spinner'));
instance.output = getConfig('output', instance.find('.output'));
instance.distance = getConfig('distance', instance.find('.distance'));
instance.lat = getConfig('lat', instance.find('.lat'));
instance.lng = getConfig('lng', instance.find('.lng'));
instance.nl_fourpp = getConfig('nl_fourpp', instance.find('.nl_fourpp'));
instance.assemble_func = getConfig('assemble_func', assemble_one);
instance.postcode.keyup(function() {
range(instance);
});
};
var pro6pp_cache = {};
function pro6pp_cached_get(obj, url, params, callback) {
var key = url + $.param(params);
if (pro6pp_cache.hasOwnProperty(key)) {
if (typeof callback !== 'undefined') {
callback(obj, pro6pp_cache[key]);
}
} else {
$.getJSON(url + "?callback=?", params, function(data) {
pro6pp_cache[key] = data;
if (typeof callback !== 'undefined') {
callback(obj, data);
}
});
}
}
function getApiBaseUrl() {
// Use HTTPS API if website itself is also secure.
// Otherwise, some browsers might complain about insecure content.
if ("https:" === document.location.protocol) {
return 'https://pro6pp.appspot.com/v1';
} else {
return 'http://api.pro6pp.nl/v1';
}
}
function range(obj) {
obj.message.hide().empty();
var postcode = obj.postcode.val();
var range = obj.range.val();
// Trigger on '5408'
var nl_fourpp_regex = /[0-9]{4,4}\s?/;
if (nl_fourpp_regex.test(postcode)) {
var url = getApiBaseUrl() + "/range";
var params = new Object();
params.auth_key = pro6pp_auth_key;
params.per_page = 100;
params.nl_fourpp = postcode;
// User puts in range in kilometers, API uses meters.
range = parseInt(range, 10) * 1000;
params.range = range;
pro6pp_cached_get(obj, url, params, fillin);
}
}
function assemble_one(result) {
distance_km = Math.round(result.distance/1000);
return "Afstand tot " + result.nl_fourpp + " is " + distance_km + " km<br />";
}
function fillin(obj, json) {
if (json.status == 'ok') {
obj.output.empty();
var postcode = obj.postcode.val();
$.each(json.results, function(i, result) {
if (result.nl_fourpp === postcode) {
return true;
}
obj.output.append(obj.assemble_func(result)).show();
});
if (json.results.length > 1) {
obj.distance.val(json.results[1].distance);
obj.nl_fourpp.val(json.results[1].nl_fourpp);
obj.lat.val(json.results[1].lat);
obj.lng.val(json.results[1].lng);
} else {
translated_message = 'Geen resultaten gevonden';
obj.message.html(translated_message).show();
}
} else {
var translated_message = json.error.message;
if (json.error.message == 'nl_fourpp niet gevonden') {
translated_message = 'Onbekende postcode';
} else if (json.error.message == 'Invalid nl_fourpp format') {
translated_message = 'Ongeldig postcode formaat';
} else if (json.error.message == 'invalid target_nl_fourpps format') {
translated_message = 'Ongeldig target_nl_fourpps formaat';
}
obj.message.html(translated_message).show();
}
}
})(jQuery);
我希望有人知道如何保存请求t的输出o会话/ cookie。
答
如果我很好地理解你想要什么,我认为当你的功能完成后,你必须调用一个ajax函数发送到服务器上的php脚本,这将在会话中保存输出,你可以从那里做任何你想要的处理。
function send_data_to_server(output)
{
var postal_code=$('.postcode').val();
var url = 'http://kees.een-site-bouwen.nl/script.php?output='+output+'&postal_code='+postal_code;
$.ajax({
url : url,
success : function (data)
{
alert(data);
}
});
}
和之前你的回报 “Afstand TOT” + result.nl_fourpp + “是” + distance_km + “公里vanaf UW locatie
。”
,就把这行代码:
send_data_to_server(result.nl_fourpp);
的script.php
<?php
session_start();
$output=$_GET['output'];
$_SESSION['postal'][]=$output;
echo $output;
?>
是的,这就是我的意思。但我怎么能这样做。 – 2013-05-13 12:51:42
我正在使用api。所以我的网址是从range.js文件加载它从API网站。如何做到这一点? – 2013-05-13 13:52:37
你是什么意思,你在说什么文件?如果你担心php文件的路径,那么使用url,只要它在同一个域上就可以工作。 var url =“http://your_domain.com/script.php?output=”+ output;有一个http://但它会丢失,当SO自动链接的url – CodeBird 2013-05-13 13:55:20