jsでバックグラウンドパッケージのjsonデータを取得する
プロジェクトにselectを追加したい場合、その値はデータベースから動的に取得され、以前はsessionにデータを配置していましたが、実行可能な結果は常に理想的ではありません.私のページは静的なので、ブラウザを再開するたびにsessionに値を再割り当てます.
同僚の助けの下で、動的にselectに値を割り当て、すなわちdialogがポップアップされるたびに動的にselectに値を割り当て、その値はバックグラウンドでデータベースからjsonデータとしてカプセル化されて転送されたものである.
バックグラウンドパッケージJson形式のデータ関数:
jsでこのデータを受け入れます.
$.getJSONのapi:http://www.iebe.cn/temp/jQuery_API/source/
$.getJSON.html
$.getJSON(path+"/bio/studymanager/getProjectsByUser.do?dateTime="+ (new Date()).getTime()は、時間パラメータを追加するのは、ブラウザのキャッシュを防止するためであり、この時間パラメータを追加しないと、2回目のリクエスト時にブラウザはデフォルトでデータが変更されず、リクエストされません.
同僚の助けの下で、動的にselectに値を割り当て、すなわちdialogがポップアップされるたびに動的にselectに値を割り当て、その値はバックグラウンドでデータベースからjsonデータとしてカプセル化されて転送されたものである.
バックグラウンドパッケージJson形式のデータ関数:
@RequestMapping
public void getProjectsByUser(HttpServletRequest request, HttpServletResponse response) {
User user = (User)SecurityContextHolder.getContext().getAuthentication().getPrincipal();
Set<Project> finalCanAddProjects = userService.getCanRegProjects(user);
StringBuilder jsonBuilder = new StringBuilder("{list:[");
int i = 0;
for (Project project : finalCanAddProjects) {
i++;
jsonBuilder.append("{");
jsonBuilder.append("id:'");
jsonBuilder.append(project.getId());
jsonBuilder.append("', ");
jsonBuilder.append("name:'");
jsonBuilder.append(project.getName());
jsonBuilder.append("'");
jsonBuilder.append("}");
jsonBuilder.append(i == finalCanAddProjects.size() ? "" : ",");
}
jsonBuilder.append("]}");
MessageUtils.outputJSONResult(jsonBuilder.toString(), response);
}
jsでこのデータを受け入れます.
function getProjectsByUser() {
$.getJSON(path+"/bio/studymanager/getProjectsByUser.do?dateTime=" + (new Date()).getTime(),
function(json) {
var options = "";
$.each(json.list, function(i, n) {
options += "<option value='"+n.id+"'>"+n.name+"</option>";
});
$('#projectIdSelect').html(options);
}
);
}
$.getJSONのapi:http://www.iebe.cn/temp/jQuery_API/source/
$.getJSON.html
$.getJSON(path+"/bio/studymanager/getProjectsByUser.do?dateTime="+ (new Date()).getTime()は、時間パラメータを追加するのは、ブラウザのキャッシュを防止するためであり、この時間パラメータを追加しないと、2回目のリクエスト時にブラウザはデフォルトでデータが変更されず、リクエストされません.
function getStudyById(id, name, projectId, status, description) {
$('#studyId').val(id);
$('#studyName').val(name);
$('#studyStatus').val(status);
$('#studyDescription').val(description);
getProjectsByUser();
$('#projectIdSelect option').each(function(){
if ($(this).val()== projectId) {
$(this).attr('selected', 'selected');
}
});
$('#manageStudyDialog').dialog(manageStudyDialog);
$('#manageStudyDialog').dialog('open');
}