JSFiddle - React, Tailwind, and code Playground
HTML
<div id="result"> </div>
<a href="javascript:suggest('result');">click to see the link</a>
JavaScript
function evalResponse (request)
{
try
{
//var responseText = request.responseText.replace (/\n/g, " ");
var responseText = request.responseText;
return eval('(' + responseText + ')');
}
catch (e)
{
alert ("line: " + e.lineNumber + "\nmessage: " + e.message + "\nName: " + e.name);
}
}
function suggest(target_div)
{
var opt = {
// Use POST
method: 'post',
// Send this lovely data
postBody: 'json=%7B%221%22%3A%7B%22link%22%3A%22%3Ca%20href%3D%5C%22javascript%3Aalert(%27fdg%27)%3B%5C%22%20onClick%3D%5C%22return%20true%3B%5C%22%3Elink%3C%5C%2Fa%3E%22%7D%7D',
// Handle successful response
onSuccess: function(t) {
var json = evalResponse (t);
data = json[1];
if (typeof(errors) === "undefined" || typeof(errors.errorText) === "undefined")
{
document.getElementById(target_div).update(data['link']);
}
},
// Handle 404
on404: function(t) {
alert('Error 404: location "' + t.statusText + '" was not found.');
},
// Handle other errors
onFailure: function(t) {
alert('Error ' + t.status + ' -- ' + t.statusText);
}
}
new Ajax.Request('/echo/json/', opt);
}