JavaScript

2-Apr-16 0:08

Why does anyone use jQuery for AJAX calls? In fact, for a lot of things? OK, there's no point in reinventing the wheel, and people have built some nice things with it, notably photo sliders/ carousels etc, but for so many things - and AJAX is a case in point - good ol' vanilla JavaScript is so much easier! A number of times now I've looked at using jQuery for AJAX, and given up in frustration. No more.
Sledgehammers and nuts come to mind.

Richard Deeming4-Apr-16 2:00

Richard Deeming

4-Apr-16 2:00

Wombaticus wrote:
for so many things - and AJAX is a case in point - good ol' vanilla JavaScript is so much easier!

Really?

JavaScript

if (window.XMLHttpRequest) {
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

httpRequest.onreadystatechange = function() {
  if (httpRequest.readyState == 4 && httpRequest.status == 200) {
    var result = httpRequest.responseText;
    // Do something with the result
  }
};

httpRequest.open("GET", theUrl, true);
httpRequest.send();

vs:

JavaScript

$.ajax({
    url: theUrl
    // Other options...
}).done(function(result){
    // Do something with the result...
});

Also, the jQuery version[^] has a lot of built-in functionality which you would have to reimplement if you wanted to use it in the plain Javascript version.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Wombaticus10-Apr-16 23:12

10-Apr-16 23:12

Well.. see my reply to F-ES Sitecore below.... (if you feel so inclined ...)

F-ES Sitecore10-Apr-16 22:55

F-ES Sitecore

10-Apr-16 22:55

One of the nice things about jQuery is that it hides per-browser implementation from the client; you don't need to know the differences between how IE\Chrome\FireFox implements ajax, or even if there are differences in how individual versions work. People also keep jQuery up-to-date again so you don't have to. Add to that the syntax is much easier as Richard has already pointed out, and it has nice features you'd have to code yourself such as making "get" calls non-cached etc.

If the only reason you're using jQuery is for ajax then you might have a point, but if I'm honest even if ajax was all I was doing I'd probably still use jQuery as it is lightweight and you'll probably end up using the other features anyway.

Wombaticus10-Apr-16 23:11

10-Apr-16 23:11

Well, I don't find the syntax (or documentation) clear at all.

Maybe I should turn this into a question: how would you, for example, "jQueryify" this?

JavaScript

if (window.XMLHttpRequest) {
    rQM = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    rQM = new ActiveXObject("Microsoft.XMLHTTP");
}

function getPage(p, tImg, iImg, t, s, h) {
   var r = new Date().getTime();
   var url = 'pagebox.ashx?p=' + p.toString() + '&r=' + r.toString();
   rQM.open("GET", url, true);
   rQM.onreadystatechange = function () {
      UpdateScreen(p, tImg, iImg, t, s, h);
   }
   rQM.send(null);
}

function UpdateScreen(p, tImg, iImg, t, s, h) {
   if (rQM.readyState == 4) {
      var response = rQM.responseText;
      if (response != '') {
         var params = response.split("|");
         document.getElementById(tImg).value = 'userfiles/' + params[0];
         document.getElementById(iImg).src = 'userfiles/' + params[0];
         document.getElementById(t).value = params[1];
         document.getElementById(h).value = params[2];
         tinyMCE.get(s).setContent(params[3]);
      }
   }
}

(tinyMCE references the tinyMCE HTML editor[^])

To me, that is pretty easy to grok - I've tried over and over to work out how to do it in jQuery and, as I say given up each time in despair...

(And, yes, I know it's a little ugly in the return - I should probably return the data as XML or JSON, but it works well enough for my purposes.)

Richard Deeming11-Apr-16 1:25

Richard Deeming

11-Apr-16 1:25

Something like this should work:

JavaScript

function getPage(p, tImg, iImg, t, s, h) {
    $.get({
        url: 'pagebox.ashx?p=' + p.toString(),
        cache: false
    }).done(function(response) {
        updateScreen(p, tImg, iImg, t, s, h, response);
    });
}

function UpdateScreen(p, tImg, iImg, t, s, h, response) {
    if (response != '') {
        var params = response.split("|");
        document.getElementById(tImg).value = 'userfiles/' + params[0];
        document.getElementById(iImg).src = 'userfiles/' + params[0];
        document.getElementById(t).value = params[1];
        document.getElementById(h).value = params[2];
        tinyMCE.get(s).setContent(params[3]);
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Wombaticus11-Apr-16 1:33

How to hide the URL textbox using javascript

11-Apr-16 1:33

As simple as that, huh...?

sigh... Blush | :O

zdbl20924-Mar-16 8:58

zdbl209

24-Mar-16 8:58

I can't figure out how to do the following with javascript:
- user enters a url for an html page e.g. Start.html
- on that html page there is link the user needs to click
When the user clicks that link I want to:
- reload the current browser window (NOT open new browser window or a new tab) with the url of some aspx page
- remove any browser related menus/buttons and the URL textbox.

Here is what I have in the html body:
Login

Here is the associated javascript:
function openClient() {
clientWindow = window.open('Login.aspx?p=1','_self','directories=no,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no,resizable=yes');
}

The part about loading the asp page in the same browser window works fine. The part that's not working is removing all the browser related buttons and the URL textbox. I can still see the URL textbox.

Can anyone please help?
thanks,

Richard Deeming24-Mar-16 9:10

Richard Deeming

24-Mar-16 9:10

You can't. If it was possible for script to hide the URL, menus and toolbars, every malicious site on the net would do it.

Even if you open the page in a new window, most browsers will still show the URL.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

zdbl20924-Mar-16 9:27

zdbl209

24-Mar-16 9:27

I have an old javascript that works in both IE and Firefox but it's for a new browser window, not a current one. So, there is no way to do it for the current browser window? What about by using css to hide it? Any way to disable it?

Nathan Minier25-Mar-16 1:08

Nathan Minier

25-Mar-16 1:08

Not without a browser extension installed on the system that you want to do this on.

It's a terrible idea, by the way.

ZurdoDev29-Mar-16 2:41

ZurdoDev

29-Mar-16 2:41

IE has a setting to show the address bar even with the code you have. So, the real answer is no, there is no way to ensure it. It will depend on which browser the user is using and what their settings are.

However, what you can do is create a div on your page that has all the same controls and then can easily display that using jquery ui's dialog feature. See Dialog | jQuery UI[^].

There are only 10 types of people in the world, those who understand binary and those who don't.

Things you shouldn't spend time doing | The ASP.NET Forums[^]

F-ES Sitecore30-Mar-16 0:03

F-ES Sitecore

30-Mar-16 0:03