Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to realize the chat function based on websocket". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to realize the chat function based on websocket".

I. Ajax mode

First of all, before we can do this function, we must consult the background interface documentation to know which parameters need to be submitted when using the login interface, and the interface uses the returned data.

Here I use a login interface that returns data in json format as an example to explain how to use Ajax to interact with the background interface.

User login interface URL:,? Method: POST

Input parameter: username=admin

Password=123456

Output: login succeeded:

Login succeeded:

Login succeeded:

Write the javascript (Ajax) calling interface:

Var xmlhttp

If (window.XMLHttpRequest) {/ / IE7+, Firefox, Chrome, Opera, Safari

Xmlhttp=new XMLHttpRequest ()

}

Else {/ / IE6, IE5

Xmlhttp=new ActiveXObject ("Microsoft.XMLHTTP")

}

/ / the generation of the above http request object does a browser compatibility process.

Var adminName=document.getElementById ('adminName'). Value;// gets the value of the adminName input field object in the html form, the account number

Var psw=document.getElementById ('psw'). Value;// gets the value of the pwd input field object in the html form, which is the password

Xmlhttp.onreadystatechange=function () {

/ / call back this method when a response is received

If (xmlhttp.readyState==4 & & (xmlhttp.status==200 | | xmlhttp.status==0))

{

Var tip=document.getElementById ('tip'); / / get the tip node of html, which is mainly used to output login results

Var text=xmlhttp.responseText;// uses the interface to return content and respond to content

Var resultJson=eval ("(" + text+ ")"); / / convert the response content object to a javascript object

Var result=resultJson.result;// gets the value corresponding to the result key in json

Var code=resultJson.code;// gets the value corresponding to the code key in json

If (result== "fail") {/ / login failed

If (code==101) {

Tip [XSS _ clean] = "wrong password!"

} else if (code==102) {

Tip [XSS _ clean] = "user does not exist!"

}

} else / / successfully logged in if (result== "success" & & code==100) {

_ window.location.href= ""; / / Jump to the centent.html page

}

}

}

Xmlhttp.open ("POST", "control1/login", true); / / request the interface in POST mode

Xmlhttp.setRequestHeader ("Content-type", "application/x-"); / / add Content-type

Xmlhttp.send ("adminName=" + adminName+ "& psw=" + psw); / / send request parameters for inter-use & segmentation

At this point, I believe you have a deeper understanding of "how to achieve the chat function based on websocket". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.