שליחת אובייקטים עם תתי אובייקטים ב – ajax לשרת

יום שבת, מרץ 22, 2014

כדי לשלוח אובייקט מצד לקוח לצד שרת ב – ajax, בעזרת jQuery זה די פשוט, בהנחה שיש לנו אובייקט בשם Person בצד השרת ו – action שמקבל אותו – הקוד ייראה ככה: Code Snippet public class Person{    public int Id { get; set; }    public string Name { get; set; }    public int Age { get; set; }} Code Snippet public ActionResult Update(Person model){} נוכל בצד לקוח לפנות בעזרת jQuery לשרת ולשלוח את המידע כך: Code Snippet var obj = {    id: 1,    name: 'shlomo',    age:29};$.post('/home/save', obj);   אבל במידה שהאוביקט בצד שרת...
תגיות: , , , , , ,
תגובה אחת

Ajax inside html5 worker

יום שלישי, אוקטובר 1, 2013

אחד מהדברים שפחות עושים ב – Worker זה פנייה לשרת ב – ajax. אבל יש מקרים שבהם עושים זאת, הבעייה עם אותם מקרים, שלא ניתן להשתמש ב – jQuery ajax מכיוון ש – jQuery הינה ספריית DOM ואין גישה ל – UI בתוך ה – worker, הפיתרון הפשוט (או המסובך) זה כמובן להשתמש ב – XMLHttpRequest – אבל זה בהחלט לא יהיה כיף. כתבתי אובייקט קטן העוטף את XMLHttpRequest לשימושים פשוטים כדי שהשימוש יהיה יותר נוח. דוגמא לשימוש: ...
תגיות: , , , , , ,
3 תגובות

Static google map creator

יום שלישי, יולי 30, 2013

חבר טוב שלי בקש שאצור לו דף html פשוט המאפשר להכניס קצת הגדרות עבור google maps ולקבל תמונה סטטית של המפה. כל הקוד נמצא כאן. הדף יראה כך: המשתמש יכניס כתובת, יגדיר את ההגדרות וילחץ על צור מפה, התוצאה תהיה התמונה שאנחנו רואים. בלינק להורדת קוד המקור תוכלו לראות את קוד ה – html, כאן נראה את הקוד שרץ בזמן לחיצה. (הקוד מתבסס על jquery, ועל ספרייה המאפשרת קוד בסגנון string.format וכמובן הסקריפט של גוגל) ...
תגיות: , , , , , ,
תגובה אחת

Using HTML5 FileApi to show images from byte array

יום שני, יוני 24, 2013

הרבה מאוד פעמים יהיה לנו קוד שפונה ב – ajax לשרת מקבל מידע כלשהו, וחלק מהמידע מחזיק url לתמונה כלשהו שנטען דינמית,. קוד מהסוג הזה יכול להיראות כך, המודל שנחזיר מהשרת. Code Snippet public class DataModel {     public int Id { get; set; }...
תגיות: , , , , , ,
אין תגובות

משימה שלישית עם (3) knockout

יום ראשון, מרץ 3, 2013

בהמשך לפוסטים הקודמים על KO, נראה הפעם עבודה עם ולידציות. נכתוב את ה – html הבא: Code Snippet <table id="tblContact">     <tr>         <td>שם:</td>         <td> ...
תגיות: , , , , , ,
תגובה אחת

DateTime in JSON

יום שבת, ינואר 12, 2013

אחד הדברים המעצבנים בעבודה עם ajax, זה הדרך שבה חוזר אובייקט DateTime. בהנחה שהאובייקט נראה כך:   Code Snippet public class Person {     public int MyProperty { get; set; }     public DateTime Time { get; set; } }   ויש לנו Action הנראה כך:   Code Snippet public JsonResult GetPerson() {     return Json(new Person()     {         MyProperty = 2,         Time = DateTime.Now     }, JsonRequestBehavior.AllowGet); }   כשנקרא ל – action בעזרת jQuery ajax:   Code Snippet var personFromServer = null; // Get data from server $.getJSON('home/GetPerson', function (data) {     personFromServer = data; });   מה שנקבל בחזרה יראה:   Code Snippet personFromServer = {     MyProperty: 2,     Time: "/Date(1358020217238)/"...
אין תגובות

משימה שנייה עם (2) knockout

יום שני, אוקטובר 22, 2012

כתבתי כיצד מתחילים לעבוד עם knockout, בפעם הזאת נראה דוגמא קצת יותר מתקדמת. נגדיר את המשימה הבאה: דף שבו המשתמש יכול להכניס ID של משתמש, לקבל את השם והגיל, לעדכן אותם ולשלוח בחזרה לשרת. הדף יראה כך:   נחשוב לרגע על קוד רגיל שהיינו כותבים. היינו נרשמים לאירוע change של תיבת הטקסט הראשונה, שולחים את ה – Id לשרת, בצד השרת נחזיר אובייקט Person ללקוח, בצד הלקוח נעבור על המאפיינים, נדאג להכניס אותם לתיבות הטקסט, ולאחר מכן...
תגיות: , , , , , , , ,
אין תגובות

The length of the string exceeds the value set on the maxJsonLength property

יום רביעי, יולי 11, 2012

קבלתי שאלה במייל אודות פנייה ב – ajax לשרת (web method) שלוקלית הכול עובד אבל בשרת משום מה זה לא עובד/ אחרי קצת דיבגינג של שואל השאלה, התברר שההבדל בין השרת ללוקלי, הוא בכמות המידע החוזר, ברגע שהוא הגיע למסקנה הזו, נזכרתי שיש מאפיין שמגדיר מה יהיה הגודל המקסימלי של ה – JavaScriptSerializer המאפיין נקרא maxJsonLength. כדי להגדיר את המאפיין עבור asp.net ajax, ניתן להגדיר בקונפיג את המקטע הבא: <system.web.extensions> ...
אין תגובות

JavaScript Objects Introduction

יום שישי, יוני 1, 2012

הקדמה: בעולם פיתוח ה – javascript יש לנו שתי שיטות לעבודה – הראשונה (והפשוטה) היא להגדיר אוסף של פונקציות שיש או אין קשר ביניהם, לכתוב אותם בקובץ אחד או יותר ולהפעיל אותם מתי שצריך. שיטה זו היא השיטה "הקלה" אך הפרימיטיבית, ולמעשה די מוזר בעיני שעם כל ההתקדמות שלנו בעולמות Object Oriented עדיין בהרבה מקומות עובדים בשיטה הפרימיטיבית בשפה זו. השיטה השנייה והנכונה, היא לעבוד עם אובייקטים – מסתבר שב – Javascript ניתן להגדיר אובייקטים, להגדיר public, private של משתנים ומתודות – ואפילו אפשר לרשת. בפוסט...
תגיות: , , , , ,
3 תגובות

Google search from code

יום שישי, פברואר 17, 2012

  הגיעה אלי בקשה מעניינת.   "יש לנו בסיס נתונים המכיל ספקים, לכל ספק יש עשרות מוצרים ואנחנו לא מעוניינים להכניס לבסיס הנתונים את הקשר בין מוצרים לספקים מכיוון שיש יותר מידי, מה ניתן לעשות כדי לחסוך את הצורך להכניס ידנית את המידע."   הפיתרון שהצעתי להם הוא אמנם לא מושלם אבל בהחלט מספק אותם.   כידוע לגוגל יש אפשרות חיפוש בתוך אתר, לדוגמא: shlomo goldberg site:sela.co.il יחפש את השם shlomo goldberg בתוך האתר של סלע.   הרעיון היה להכניס לבסיס הנתונים רק את כתובת האתר של כל ספק, ובזמן שהמשתמש יחפש את המוצר, מקוד נבצע פנייה לגוגל עבור כל אחד מהספקים ונחזיר את התוצאה הראשונה (כשכמובן מודעים...
תגיות: , , , ,
3 תגובות