2. 程式人生 > >Ajax POST請求呼叫Geoserver的WFS服務

Ajax POST請求呼叫Geoserver的WFS服務

阿新 • • 發佈：2018-12-29

Ajax POST請求呼叫Geoserver的WFS服務

在使用jquery的POST呼叫Geoserver的WFS服務遇到的問題
1、Geoserverde的WFS服務傳入的引數是XML的String型別，Content-type為contentType:”text/plain;charset=UTF-8”，開始沒有注意到ajax的post請求的預設 contentType預設值: “application/x-www-form-urlencoded”。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta
 
 charset="UTF-8">
    <script src="../lib/ol-debug.js"></script>
    <script src="../lib/jquery.min.js"></script>
    <link href="../lib/ol.css" rel="stylesheet">
    <title></title>
</head>
<body>
<button onclick="request()">請求</button>
<script
 
 type="text/javascript">
    var string1 = "<GetFeature xmlns=\"http://www.opengis.net/wfs\" service=\"WFS\" version=\"1.1.0\" outputFormat=\"application/json\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:schemaLocation=\"http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.1.0/wfs.xsd\"><Query typeName=\"osm:water_areas\" srsName=\"EPSG:3857\" xmlns:osm=\"http://openstreemap.org\"><Filter xmlns=\"http://www.opengis.net/ogc\"><And><PropertyIsLike wildCard=\"*\" singleChar=\".\" escapeChar=\"!\"><PropertyName>name</PropertyName><Literal>Mississippi*</Literal></PropertyIsLike><PropertyIsEqualTo><PropertyName>waterway</PropertyName><Literal>riverbank</Literal></PropertyIsEqualTo></And></Filter></Query></GetFeature>"
 
;

    function request(){
     $.ajax({
        type: 'POST',
        url: "http://demo.boundlessgeo.com/geoserver/wfs",
        data: string1,
        success: function (data) {
           console.log(data);
        },
        error:function(data){
             console.log(data);
         },
        contentType:"text/plain;charset=UTF-8",
        dataType: "json"
    })
    }
</script>
</body>
</html>

AJAX使用介紹

相關推薦

Ajax POST請求呼叫Geoserver的WFS服務

Ajax POST請求呼叫Geoserver的WFS服務 在使用jquery的POST呼叫Geoserver的WFS服務遇到的問題 1、Geoserverde的WFS服務傳入的引數是XML的String型別，Content-type為contentType:”text/plain;ch

weiphp4.0 html ajax post請求的使用

感想 最近要做一個使用者點選之後，後臺做許可權檢查判斷，判斷完後，然後再做頁面跳轉的操作，然後我用的是javascript的ajax來做的，發現了不少的坑。 我的html程式碼為： <div class="submitBox"> <button c

ajax post 請求415\ 400 錯誤

前後臺通過ajax進行資料互動的時候出現了異常報錯415， 請求方式如下： // 錯誤1... $.ajax({ url: url + '/license/genera

ajax POST請求後臺介面資料時報錯

$.ajax({ type: 'POST', data: 'search_condition=' + this.search_condition, url: _this.url_.BASE_URL + '/Select/Cond

ajax post請求導致的跨域和瀏覽器相容性問題

前言 過完年來我們老大安排我做的一個小需求，就是往現有的.net客服查詢系統增加一個二級選單，點選選單在對話方塊中輸入賬號資訊即可查詢到該使用者的資訊。當時做這個的時候遇到了一些問題，具體可檢視解決了異常java.util.zip.ZipException: invalid CEN header

Http的GET請求與POST請求呼叫介面

GET請求 public static String doGet(Map<String, String> mapparams) { // 返回物件 String result = ""; tr

request payload資料請求方式(原生AJAX POST請求)後端獲取引數錯誤

首先我先說明一下request payload請求時怎麼發生的 我們如果從一個from中去提交post請求時，資料是以Form Data方式去提交的，即：提交的資料被封裝在一個叫Form Data的請

Ajax post請求跳轉頁面

最近因為公司需求，需要ajax post請求並跳轉介面，網上搜了一下資料，差不多都是用window.location.href來處理，但是在請求頁面的位址列中會暴露請求的引數，這是不安全的。 $.post( url, {method:"regist",use

ajax post請求返回json資料後，頁面不需要重新整理的問題解決如例

<form> <input name="a" type="text" /> <input name="b" type="text" /> <input id="sub" type="button" value="提交" class

使用httpClient的POST方式呼叫webservice服務產生中文亂碼問題

今天遇到做專案需要使用httpClient來遠端呼叫webservice服務，此專案中呼叫服務的一端和服務端都使用org.springframework.web.filter.CharacterEncodingFilter過濾器來進行設定以POST方式提交資料的編碼格式，但是

Ajax Post請求處理

測試頁面：  <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit

java後臺post請求呼叫介面

今天專案介面一直調不通，於是我修改了相關的程式碼 在網上找到了一個很好的例子: public static String httpPost(String urlStr,Map<String,String> params){ URL con

Ajax post 請求後端，server返回Map結果集

一、應用場景 當前端發出Ajax請求，後端需要返回Map結果集 二、程式碼 1、ResultFactory.java package com.XXXX.tv.vrs.service.util;

Java-簡單的 傳送http get/post請求 呼叫介面/方法

例子如下：1.請求引數srequestUrl 是你要傳送的介面引數用map 存起來 sRet 是返回值 如果傳送的介面有的話就寫 然後呼叫 NetUtils.requset請求 （介面，引數，get/post（選擇一種傳送方式））String sRequestUrl ="ht

原生ajax POST請求

話不多說，看程式碼 var data = {//這種格式是需要轉成jsonstring的 action:action, diyid:diyid,

springmvc ajax post請求

先去http://mvnrepository.com/搜尋fastjson，jackson-annotations，jackson-databind，jackson-core這幾個庫，根據對應的版本號拿到pom.xml中dependency標籤內容，然後複製到專案中的po

laravel ajax POST請求 錯誤 TokenMismatchException in VerifyCsrfToken.php (line 68)

因為：laravel 預設開啟了 csrf驗證 下面有幾種方法解決： 1. <form id="editForm"> {{ csrf_field() }} .... 2. &l

使用laravel框架開發介面時ajax post請求報錯419

自己在本機搭建了一個nginx伺服器，使用laravel框架開發後臺介面。get請求正常，但是post請求一直報錯。H5和APP都不成功，code=419。解決辦法：找到 VerifyCsrfToken.php檔案（app/http/middleware）新增如下方法publ

requests 傳送post請求,呼叫百度API語言分析測試

import requests import json from BaiduSpider.settings import TOKEN class Emotion(object): """ "sentiment":2, //表示情感極性

ajax向服務器發出get和post請求

-c 效果 doc 假設 orm php 感覺 包含 只需要 假設有個網站A，它有一個簡單的輸入用戶名的頁面，界面上有兩個輸入框，第一個輸入框包含在一個form表單裏用來實現form提交，第二個輸入框是單獨的、沒有包含在form裏，下面就用這兩個輸入框來學習下jQuery的