Introduction

I have used Dojo for frontend development. Used Json data to communicate with PHP in backend using Yii framework.

1. Example of receiving data in json format, and updating a text field
2. Example of getting a json data and creating new html elements
3. Trigger when a button is clicked.
4. Using post to get json data
5. Using post to submit a form
6. Updating on change in dropdownlist

Example of receiving data in json format, and updating a text field

 

 

function visitorpsyrefresh(){
[
Assumes you are getting data from webservice link for a user “Raju”

http://localhost/yii/g3labs/?r=Group/getvisitorpsydata&visitorname=Raju



var n1 = registry.byId("visitorname").get("value");
var uri="http://localhost/yii/g3labs/?r=Group/getvisitorpsydata&visitorname="+n1;
request.get(uri).then(

]
[
Assume the json data format is
{"visitorname":"Guru",
"values":[
{
"name": " Adventurousness ",
"value": 80
},
{
"name": "Openness",
"value": 90
}
]
}
]                            

function(data){
var n2;
var obj = JSON.parse(data);
var arr = obj.values;
n2= obj.visitorname + '\n';
for(var i=0;i<arr.length;i++){
var p=arr[i];
n2 = n2 + p.name + '----------- '+ p.value +'\n';
}
registry.byId("psydata").set("value",n2);
}
)
}

[
The PHP code to send this value from a file looks like
public function actiongetvisitorpsydata($visitorname) {
$fileName = 'visitorpsy_' . $visitorname . '.json';
$data = file_get_contents($fileName);
echo $data;
Yii::app()->end();
}
]         
[
<input type=text value='' name=visitorname id=visitorname data-dojo-type="dijit/form/TextBox" />
<textarea name=psydata id=psydata data-dojo-type="dijit/form/Textarea"> </textarea>
]