CODEWITHSUNDEEP
javascriptjqueryajaxsap-gui
krm
krm

Reputation: 2106

How to send a request from JavaScript without base URL? (SAP GUI)

EDIT taken from OP comment:

"we're using the classic SAPGui [ed: not the SAPGui for HTML]"

I'd like to send a request to a simple URL from my JavaScript, so that the base URL will NOT be added to the request URL. For example, the request should be sent to the following URL (without the base URL): SAPEVENT:SOME_TEXT?2

I used the jQuery's $.ajax function in order to implement it, but without success.

Here is a JSFiddle for it: http://jsfiddle.net/txb6tdjj/2/

The JS code:

function sendEvent(id) {
    $.ajax("SAPEVENT:SOME_TEXT?" + id);
}    
sendEvent(2);

I see the following error in the JS console:

XMLHttpRequest cannot load sapevent:SOME_TEXT?2. Cross origin requests are only supported for HTTP. (jquery-2.1.0.js:8556)

I even set the parameter crossDomain: true, but it didn't help: http://jsfiddle.net/auhx2v2v/3/

The JS code:

function sendEvent(id) {
    $.ajax({
        url: "SAPEVENT:SOME_TEXT?" + id,
        crossDomain: true
    });
}
sendEvent(2);

It ends up with the same error.

It works correct in the HTML like this: http://jsfiddle.net/1f6npcn2/2/

The HTML code which works correctly:

<FORM action="SAPEVENT:PRESS_ME">
    <A HREF="SAPEVENT:CLICK_ON_ME">Click on me to send an event!</A> 
    <INPUT TYPE="submit" VALUE="Press me to send an event!"/>
</FORM>

But I need to implement it in JavaScript, so that a request parameter can be set dynamically in the URL in JavaScript. Do you know how to implement it in JS so that the request will be sent to the URL SAPEVENT:SOME_TEXT?2 without the base URL?

Additional information about used browsers: The error is shown only in Chrome. IE and Firefox do not show an error, but they also don't send the request.

Additional information for the SAP guys: I know there is a SAP Note 191908 which states that it's impossible, but a colleague has confirmed that he has successfully tested such functionality in an HTML page which used the same code as I copied above (see the HTML code above and http://jsfiddle.net/1f6npcn2/2/). So the SAP Note is wrong. I know how I can implement this functionality in HTML, but I don't know how I can implement it in JS. That's the problem.

Upvotes: 0

Views: 1773

Answers (4)

krm
krm

Reputation: 2106

I finally implemented it in JavaScript. Thanks go to this web page. I modified the solution which was shown in this web page in order to add a link instead of a form in JavaScript. This is the working solution in JS: 

var targetUrl = "SAPEVENT:SOME_TEXT?2";

function sendSapEvent(targetUrl) {
    var link = document.createElement("a");
    link.setAttribute("style", "display:none;");
    link.setAttribute("href", targetUrl);

    // Move the click function to another variable
    // so that it doesn't get overwritten.
    link._click_function_ = link.click;

    document.body.appendChild(link);
    link._click_function_();
}

sendSapEvent(targetUrl);

You can find it also in this JSFiddle: http://jsfiddle.net/708r95p0/6/

It works! It sends a request to the URL sapevent:SOME_TEXT?2

I decided to use a link instead of a form element, bacause I couldn't pass the request parameter using a form.

Upvotes: 0

vwegert
vwegert

Reputation: 18483

The SAPEVENT: stuff is not handled by any web server. The SAP GUI uses an embedded Internet Explorer and registers a custom protocol handler. There is no use in trying to use ajax techniques since you need to reach the container of the client, not the server. To reiterate: You do not want to "send a request" anywhere, you want to convince the browser that a certain local navigation event happened". SAP Note 191908 contains more information on that topic.

Upvotes: 1

Karl-Johan Sj&#246;gren
Karl-Johan Sj&#246;gren

Reputation: 17587

I have no experience of working with SAP but I think you are missing a crucial part here.

In the samples you gave SAPEVENT:CLICK_ON_ME isn't a http url at all but rather it would invoke whatever handles the SAPEVENT-protocol on the local computer with the parameter CLICK_ON_ME. I'm guessing that you have some sort of client installed on your computer that does this for you (how do I create my own URL protocol? (e.g. so://...) contains some more information on how this is accomplished).

The reason your error-message talks about crossdomain-stuff is probably because it tried to interpret it as host:port.

So in other words, since this isn't a http url there isn't a webserver working on the other end so you can't do ajax-requests against it.

Upvotes: 1

wiesion
wiesion

Reputation: 2455

No idea about SAP Views, but to me this seems like a usual behaviour on webservers. I presume that SAPEVENT gets parsed by the server during the runtime to a more regular URI. Only the views get parsed, not the resources like CSS and JS, so the SAPEVENT placeholders in the JS file don't get parsed and the JS interpreter will not accept it as a valid URI. One of the common ways of solving this, is to create either a hidden form in the HTML or just a hidden input containing the server-generated values you are needing. For example

SAP View:

<input type="hidden" id="my_event_url" value="SAPEVENT:PRESS_ME">

JS:

function sendEvent(id) {
    $.ajax({
        url: $('#my_event_url').val() + '?' + id,
        crossDomain: true
    });
}
sendEvent(2);

Upvotes: 0

Related Questions