Ignore http:localhost from ajax url

Question

Im using django channels for implementing instant messaging app in my project.The message box does not take up th entire screen ,so im trying to implement it using ajax.The problem im facing is that in my url field in the ajax is prepending with http://locahost .I dont want this since im using ASGI and django channels with ws://

I have tried prepending the url with a "/"

var wsStart = 'ws://';
if (loc.protocol == 'https:'){
    wsStart ='wss://';
 }
var endpoint = wsStart + loc.host;

$.ajax({
  type: 'POST',
  url:"/"+endpoint+"/messages/"+username+"/",
  data: {
  'username': username,
   csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
   },
   success: function (res, status) {
    console.log("RESOPONSE",res);
    },
    error: function (res) {
    console.log(res.status);
   }
  });

I want the url to be ws://localhost:8000/messages/

what i get now is
http://localhost:8000/ws://localhost:8000/messages/mohitharshan123/

score 1 · Answer 1 · answered Dec 28 '18 at 15:01

1

The problem is that you start the url with "/", and that means the current base url on whish you append other path. Specify the url first ws://localhost and after append what you want.

answered Dec 28 '18 at 15:01

jalanga

1,456
2
17
44

it does the same after removing the "/" – Mohit Harshan Dec 28 '18 at 15:06
Add the url string without parameters, hard string, and it must work. – jalanga Dec 28 '18 at 15:07
Sorry..Now it works but now im stuck with another error jquery-latest.js:9631 Access to XMLHttpRequest at 'ws://localhost:8000/messages/mohitharshan123/' from origin 'htttp://localhost:8000' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. – Mohit Harshan Dec 28 '18 at 15:08
Set allowed hosts and cors in django settings. – jalanga Dec 28 '18 at 15:09
allowed hosts has already been set to '*' .For the cors should i install django-cors-headers? – Mohit Harshan Dec 28 '18 at 15:12
Yes, install it, sorry I can not help you more because I am on mobile. – jalanga Dec 28 '18 at 15:14
its ok ..Thanks – Mohit Harshan Dec 28 '18 at 15:14
i installed it and added middleware and CORS_ORIGIN_ALLOW_ALL=True .still same error – Mohit Harshan Dec 28 '18 at 15:57
maybe this will help you https://stackoverflow.com/questions/32578707/xmlhttprequest-cross-origin-requests-are-only-supported-for-protocol-schemes-h – jalanga Dec 28 '18 at 19:53
It is connecting using jsonp and the messages get sent once.But when i open anotherconnection i get this error:Uncaught INVALID_STATE_ERR : Pausing to reconnect websocket..I cant receive any updates after this unless i refresh my tab. – Mohit Harshan Jan 02 '19 at 08:40
since im using ajax ,how can i maintain a webocket connection to the url – Mohit Harshan Jan 02 '19 at 09:01

score 1 · Answer 2 · answered Dec 28 '18 at 16:15

1

Actually you can't use WebSocket with AJAX or CORS, it won't work.

answered Dec 28 '18 at 16:15

adonis__simo

89
4

please tell me any other way to implement this then – Mohit Harshan Dec 28 '18 at 16:50
Just create the web socket I don't see where the problem is even if the message box doesn't take the entire screen – Simon Mengong Jan 02 '19 at 18:07

Ignore http:localhost from ajax url

2 Answers2